【问题标题】:z-index problem in IEIE中的z-index问题
【发布时间】:2011-10-02 22:06:03
【问题描述】:

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

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

http://jsfiddle.net/FbYEW/

当托管在我的服务器上时,弹出窗口上的 z 索引不起作用,并且弹出窗口出现在其他位置下方。谁能想到为什么会这样……无法将问题复制给任何人都可以看到,这非常令人沮丧。

编辑:

我在 IE8 上以兼容模式查看托管在我的服务器上的页面。如果您查看 IE 中的 jsfiddle 页面,则会出现同样的问题 - 毕竟与我的服务器无关......哎呀

【问题讨论】:

  • IE8 兼容性 = IE7。你关心 IE7 用户吗?
  • 占网站浏览者的 10%,因此不容忽视
  • 那再问一个新问题,因为答案完全不一样(和我给这个问题的答案),我现在没时间写。

标签: css internet-explorer z-index


【解决方案1】:

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

例如,如果它在 IE7 模式或 Quirks 模式下呈现,z-index 的问题是预期的。

按 F12 调出开发者工具,看看它是什么。

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

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

如果您只是想修复它而不找出问题的根源:

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

【讨论】:

  • 上述代码行有效,但我想在实现之前了解原因。 - 另外,尝试在 IE7 中解决问题而不是忽略它可能是更好的做法。
猜你喜欢
  • 2011-08-14
  • 2012-10-21
  • 1970-01-01
  • 1970-01-01
  • 2011-09-12
  • 1970-01-01
  • 1970-01-01
  • 2012-12-06
  • 2014-08-31
相关资源
最近更新 更多