IE7上的z-index错误,通常的解决方法不适用

时间:2011-12-20 10:17:54

标签: internet-explorer-7 popup z-index css-position

我的问题如下: 我有一个容器网格。当您将其中一个悬停时,会弹出一个子元素(绝对定位)。我给这个子元素一个z-index为100,并且everthing工作得很好。除了在IE7中,父容器的img元素位于弹出窗口之上。 现在我知道你可以给父元素一个比弹出窗口更高的z-index来避免这个问题。在我的网格布局中,这不起作用,因为有几个父容器,弹出窗口浮动。应用这种技术,即使在现代浏览器中,每个容器都位于弹出窗口的前面。 这是一个简单的情况草图:

z-index IE7 problem

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

在div上设置z-index实际上应该创建一个堆叠上下文,而不是简单地将div应用到另一个上面...所以虽然我认为IE7没有得到它的正确,(惊喜) !)

我认为最好通过在它们上面设置z-index来使oner div成为创建堆栈起点的div,以及你希望第一个oner具有比z-index更高的z-index的内容第二