javascript - Internet Explorer 6 Z-index 问题

Question

我有一个显示图像的弹出 DIV(js 触发)。非常简单。

问题是，这个 DIV 必须与位于 DIV 下面的 SELECTS 重叠。

它适用于除 IE6 之外的所有浏览器。

当触发 js 并显示 DIV 时，z-index 不正确，因为 SELECT 下拉列表与 DIV 的部分重叠。

这仅适用于 IE6。

有人知道吗？

这是 div 的 css:

 .pop_komm {
position: absolute;
z-index: 20;
height: 52px;
width: 208px;
left: 760px;
top: 239px;
display:none;
zoom:1;
 }

我试过删除缩放，并在没有成功的情况下编辑上面的一些 css。

为什么这在 IE6 中不起作用？

谢谢

Answer 1

如果我没记错的话，这是一个众所周知的错误，即 IE6 忽略选择元素的 z-index，也就是说，它总是在所有其他元素的前面，不管他们的 z-index。

基本方法是当您需要使用 Javascript 在其之上添加某些内容时隐藏有问题的 select，或者覆盖 iframe“垫片”以隐藏它。有关详细信息，请参阅此问题:iframe shimming or ie6 (and below) select z-index bug