IE6中的透明GIF显示BEHIND内容

Question

我有这样的div：

<div id="pop" class="pop_komm">
    <img src="Graphics/list_updated.gif">
    </div>

这是css：

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

以上divs style.display在下拉列表onChange事件中使用javascript设置为“阻止”。

显示“pop”div，其中包含图像，但问题是图像显示在内容后面。这只发生在IE6中（尚未测试IE7或8）。 其他浏览器显示它很好。

图像是透明的GIF，我认为可能与它有关。 任何想法如何解决这个问题？

由于

Answer 1

相对于图像添加位置？

Answer 2

IE确实存在z-index的一些令人讨厌的问题。

position样式的默认值为position:static;。此值不参与z-index排序，这意味着您未指定position样式的元素可能不会按预期分层。

解决方案是将position:relative;添加到任何错误行为的元素 - 即在图像上方分层的元素。

希望有所帮助。