Проблема Z индекса с IE 7 и jqTransform

Question

Я боролся с не такой странной проблемой, учитывая, что обычная проблема IE заключается в том, что z-index не работает с элементами jqtranform.

Если вы откроете страницу http://interactweb.net/bwlll/home/registration.html в IE 7 и откроете раскрывающийся список, то он опустится ниже базовых полей. Следует отметить, что z-индекс выпадающего выше, чем текстовые поля.

Я проверил его в более поздней версии IE в режиме, не связанном со странностями, и он отлично работает!

Answer 1

Вам просто нужно установить Z-индекс вашего родительского DIV.У меня была такая же проблема, вот решение:Неправильно:

<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>

Я читал, что вы должны использовать высокие значения z-index для работы в IE7.Я всегда начинаю 3000, и это работает.

Надеюсь, это поможет кому-то в будущем.

Answer 2

Я нашел только одно решение для меня: отключить jqTransform select и вместо этого отображается обычный:

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

Надеюсь, это будет полезно.

Answer 3

Многие ошибки отображения IE могут быть исправлены с помощью zoom: 1 в CSS элемента.Я думаю, что стоит попробовать.