Question

考虑到z-index与jqtranform元素不兼容的常见IE问题，我一直在努力解决一个不那么奇怪的问题。

如果您访问IE 7中的页面http://interactweb.net/bwlll/home/registration.html并打开下拉列表，它将落在基础字段下方。需要注意的是，下拉列表的z-index高于文本字段。

我已经在非怪癖模式下在IE的更高版本上进行了测试，它运行正常！

Answer 1

您只需设置父DIV的Z-index即可。我有同样的问题，这是解决方案：

错误：

<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

许多IE显示错误可以通过缩放来修复：1在元素的CSS中。我认为这值得尝试。

Answer 3

我发现只有一个解决方案：禁用jqTransform select和显示常规：

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

希望它会有用。

IE 7和jqTransform的Z索引问题

3 个答案: