我有一张带有点的地图,用户将鼠标悬停在该地图上以显示更多信息。
我遇到的问题很难解释,因为当用户在IE中查看页面以及在我的服务器上托管页面时,它似乎只是一个问题。在下面的jsfiddle页面上完全相同的代码可以正常工作。
在我的服务器上托管时,弹出窗口上的z-index不起作用,弹出窗口显示在其他位置下方。任何人都可以想到为什么会这样......如果没有人能够复制这个问题,那就非常令人沮丧。
编辑:
我在IE8上以兼容模式查看我服务器上托管的页面。如果你看看IE中的jsfiddle页面同样的问题 - 毕竟与我的服务器无关... oops
答案 0 :(得分:1)
从服务器托管时,页面将以IE9标准模式以外的浏览器模式呈现。
例如,如果它以IE7模式或Quirks模式呈现,则会出现z-index
个问题。
点击F12打开开发者工具,看看它是什么。
为什么发生这种情况有很多不同的可能性,请参阅:
http://hsivonen.iki.fi/doctype/#ie8modes
如果您只是想解决问题而不解决问题的来源:
<meta http-equiv="X-UA-Compatible" content="IE=edge">