jquery - IE 7 和 jqTransform 的 Z 索引问题

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 显示错误可以通过 zoom: 1 在元素的 css 中修复。我认为值得一试。

Answer 3

我只找到了一种解决方案：禁用 jqTransform 选择并改为显示常规：

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

希望它会有用。