IE /：悬停效果的错误z-index

Question

我只使用CSS构建悬停效果。它在除IE7之外的所有浏览器中都能正常工作

Visit the page 或 view a screenshot 。

正如我读到的那样，原因是：

  

在Internet Explorer版本6和7中，对于定位元素包含的任何元素，z索引元素的堆叠顺序基本上是“重置”，无论容器（或父级）是否具有z-索引值集。换句话说，z-index值为100的元素将出现在z-index值为1的元素下面（如果前一个元素包含在已定位的父元素中，而后者不包含）。这是z-index属性的不正确实现，在IE8中已明显得到纠正。

但是我怎么能解决这个IE7错误？

Answer 1

我想你可能想要“z-index”而不是“zIndex”。我从未见过或使用过“zIndex”字符串。但是，我不确定这是否能解决您的问题。

Answer 2

尝试将position:relative;添加到您的样式中。 ie7的z-index错误很受欢迎。这是一个link，它解释了更多相关信息。