IE 7 및 jqTransform에서 Z 인덱스 문제

Question

z- 인덱스가 jqtranform 요소와 작동하지 않는 일반적인 IE 문제를 고려할 때 이상한 문제로 고민하고 있습니다.

IE7에서 http://interactweb.net/bwlll/home/registration.html 페이지를 방문하여 드롭 다운을 열면 해당 필드가 기본 필드 아래에 위치합니다. 주목할 점은 드롭 다운의 Z- 인덱스가 텍스트 필드보다 높다는 점입니다.

난외색 모드로 IE의 최신 버전에서 테스트 해봤는데 정상적으로 작동합니다!

Answer 1

많은 IE 디스플레이 버그는 요소의 CSS에서 확대/축소 : 1로 고정 될 수 있습니다. 노력해볼 가치가 있다고 생각합니다. 비활성화 jqTransform 선택하고 대신 디스플레이 일반 :

/* In ie7.css */ 
    .jqTransformSelectWrapper div {display: none; } 
    .jqTransformSelectWrapper select {display: block; } 

그것이 도움이 될 것입니다 희망

Answer 2

나는 단지 하나의 나를 위해 솔루션을 발견했습니다.

Answer 3

부모 DIV의 Z- 색인을 설정하기 만하면됩니다. 저도 같은 문제를 겪고, 여기에 솔루션입니다 :

잘못된 :

<div style="float:left; width:200px; "> 
<form action="#" method="GET" id="sel_categorias"> 
    <select name="categorias" id="cat"> 
     <option value="1">1</option> 
     <option value="2">2</option>  
    </select> 
</form> 
</div> 

올바른 : 내가 읽은

<div style="float:left; width:200px; z-index:3000"> 
<form action="#" method="GET" id="sel_categorias"> 
    <select name="categorias" id="cat"> 
     <option value="1">1</option> 
     <option value="2">2</option>  
    </select> 
</form> 
</div> 

당신이 IE7에서 작동 높은 Z- 인덱스 값을 사용해야합니다 . 나는 항상 3000을 시작하고 작동한다.

앞으로 도움이되기를 바랍니다.