IE中的z-index问题

时间:2011-07-11 15:38:59

标签: css internet-explorer z-index

我有一张带有点的地图,用户将鼠标悬停在该地图上以显示更多信息。

我遇到的问题很难解释,因为当用户在IE中查看页面以及在我的服务器上托管页面时,它似乎只是一个问题。在下面的jsfiddle页面上完全相同的代码可以正常工作。

http://jsfiddle.net/FbYEW/

在我的服务器上托管时,弹出窗口上的z-index不起作用,弹出窗口显示在其他位置下方。任何人都可以想到为什么会这样......如果没有人能够复制这个问题,那就非常令人沮丧。

编辑:

我在IE8上以兼容模式查看我服务器上托管的页面。如果你看看IE中的jsfiddle页面同样的问题 - 毕竟与我的服务器无关... oops

1 个答案:

答案 0 :(得分:1)

从服务器托管时,页面将以IE9标准模式以外的浏览器模式呈现。

例如,如果它以IE7模式或Quirks模式呈现,则会出现z-index个问题。

点击F12打开开发者工具,看看它是什么。

为什么发生这种情况有很多不同的可能性,请参阅:

http://hsivonen.iki.fi/doctype/#ie8modes

如果您只是想解决问题而不解决问题的来源:

<meta http-equiv="X-UA-Compatible" content="IE=edge">