css - z-index IE8 不工作，而在 FF 中它是

我遇到了一个与 IE8 中的 z-index 相关的问题。

这是 fiddle :

第一个问题是，我想向您展示的问题正在处理中，有一些我看不到的东西正在修复它。

但是，如果我保存整个 fiddle 页面并在 IE8 中打开，问题又来了。所以，我喜欢 WTF？

当您将鼠标悬停在预览图像上时，会显示一个更大的图像。但是这个 LARGER PREVIEW 的底部隐藏在鼠标悬停的 Box 下方的 BOX 的 SMALL IMAGE 后面。

这只发生在 IE8 中，largerPreviewBox 的 z-index 为 3，而 ImgThumbBox 的 z-index 为 2。

正在阅读:http://caffeineoncode.com/2010/07/the-internet-explorer-z-index-bug/还有这个IE 6 & IE 7 Z-Index Problem我认为这些 z-index 属性是无关紧要的，因为它们处于其他级别。但我不知道如何修复它。

如果您下载 HTML 并自己查看会更好:

非常感谢!

编辑:

问题图片:

Error with IE 8 z-index

最佳答案

更新文档类型

它会很好地工作。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

我在ie8上测试过

否则你可以按 f12 并检查你的浏览器模式和文档模式:-)

关于css - z-index IE8 不工作，而在 FF 中它是，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12094924/