css - 即/: wrong z-index for hover-effect

标签 css internet-explorer-7 z-index

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

Visit the page view a screenshot .

据我所知,这是因为:

In Internet Explorer versions 6 and 7, the stacking order of z-indexed elements is essentially “reset” for any elements that are contained by a positioned element, regardless of wether or not the container (or parent) has a z-index value set. In other words, an element with a z-index value of 100 will appear underneath an element with a z-index value of 1 if the former element is contained by a positioned parent, and the latter is not. This is an incorrrect implementation of the z-index property that has evidently been corrected in IE8.

但是我该如何修复这个 IE7 错误?

最佳答案

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

关于css - 即/: wrong z-index for hover-effect,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5108482/

相关文章:

javascript - z-index 和 Javascript 事件

html - Img 将底部对齐到 div 的底部

html - 选择器后的 IE8 CSS

javascript - 背景图像放大使用-webkit?

css - 如何使用:before :after in IE6, 7?

html - 在 IE7 中垂直对齐多行文本

html - 页脚覆盖我网站的内容

html - 奇怪的 float 框问题

html - z-index 定位

css - Bootstrap Canvas z-index 问题