IE6 和 html <select> 元素的 Z-Index 问题答案

【问题标题】：Z-Index problems with IE6 and html <select> elementIE6 和 html <select> 元素的 Z-Index 问题
【发布时间】：2010-11-17 04:01:16
【问题描述】：

我有一个<div>，它在 jquery 悬停事件中打开（显示从 hidden 到 block）。

有时它会打开一些表单元素。当然，它在除 IE6 之外的所有浏览器中都能正常工作。 <select> 框渗出，好像 z-index 高于 <div> 标签。我尝试将<div> 标签设置为更高的 z-index，但它仍然被 IE6 忽略。

我希望实现任何修复——jquery 或 css，我现在真的不在乎。

有什么想法吗？

【问题讨论】：

【解决方案1】：

您需要bgiframe 插件。

【讨论】：

【解决方案2】：

据我所知，没有简单的解决方法（参见MSDN blog entry）。我只知道聪明但非常复杂的解决方法，例如this one。呸！

【讨论】：

【解决方案3】：

z-index 在所有版本的 IE 中都有缺陷，但 IE6 尤其让“选择”始终位于顶部。

【讨论】：

【解决方案4】：

如果客户仍在使用浏览器，您就不能放弃它。如果我要将 div 放在输入字段的顶部（特别是下拉框），那么在将 div 放在顶部之前，我将基础框上的 .style.visibility 设置为 false。它很粗糙，但很有效。

【讨论】：