CSS를 설정할 때 IE7 선택 상자가 사라짐

Question

일부 선택 상자 상단에 z- 색인이 1 인 div (배경이 투명 함)가 있습니다.

IE7을 제외한 모든 브라우저에서 올바르게 표시되고 작동합니다. IE7에서는 선택 상자가 나타나지만 클릭하거나 변경할 수 없습니다.

IE7에서 유일한 해결 방법은 배경을 포함하는 div를 z- 인덱스 -1로 설정하는 것입니다. 그러면 다른 브라우저의 표시 또는 다른 상자에서 문제가 발생합니다. 나는 (시도하는 해결 방법)이 규칙을 할 경우

select{ 
position:relative; 
z-index:1000; 
} 

모든 선택 상자 IE7에서 사라집니다.

어떻게해야합니까?

Answer 1

IE7에 대한 조건문으로 해결했습니다. IE7에서

-

z-index:-1; 

다른 모든 브라우저 -

z-index:1; 

Answer 2

나는 당신이하고있는 것을보고있다. 승인. 이런 종류의 팁? 직접 시도하지 마십시오!

창에 div 요소를 오버레이하고 내용을 추가하는 데 사용할 수있는 모달 창이 많이 있습니다. 일부는 배경이 회색으로 표시되고 일부는 내용 위에 떠있을 것입니다. 약간의 검색을 수행하면 필요에 맞는 것을 찾을 수 있습니다.

이렇게해야하는 이유는 선택 요소가 웹 양식 요소가 아닌 운영 체제 양식 요소이기 때문입니다 (뒤에서 진짜 고통입니다). 이는 표준 html 블록 요소 (특수하고 특별한 것으로 취급되는 것과 같음)와 동일한 방식으로 작동하지 않는다는 것을 의미합니다. 이러한 이유로 최상위 항목으로 표시됩니다 (귀하의 경우와 다를지라도). DOM을 변경하고이 문제를 해결하기 위해 자바 스크립트를 작성할 수도 있지만 이미 완료되었습니다.

나는 그것이 당신이 듣기를 원하는 것이 아닐 것이라는 것을 알고 있지만,이 검색을한다면 당신은 많은 상심을 금할 것입니다.

희망이 도움이됩니다.