【问题标题】:Z-Index not working in IE (with relative positioning)Z-Index 在 IE 中不起作用(具有相对定位)
【发布时间】:2013-06-11 08:05:28
【问题描述】:

显然,问题根本不在于 z-index。这实际上是因为我在 doctype 标记上方添加了注释。不过,我将把这个问题留在这里,以防其他人遇到同样的问题。

我知道这个问题已经被问死了,但不知何故我无法找到适合我的情况的解决方案。所以这里是关于我的具体问题的信息:

这是我目前正在开发的网站:http://trendexsys.com/test/

有两个主要问题,都与 z 索引有关。

1) 第一个问题是下拉菜单在 IE 中不起作用。下拉菜单似乎根本没有出现。

2) 第二个问题是,在索引页面的下方,黑灰色渐变应该出现在 Gastrend 和 Gastrend Lite div 的后面。但是,这在 IE 中也不起作用。相反,渐变只放置在 Gastrend Lite div 后面(就像没有应用 z-index 时一样)。

我知道我没有发布任何 HTML 或 CSS 代码。这样做的原因是我不确定要发布什么内容才能有所帮助。我希望您可以查看网站源并在那里找到问题。但是,如果需要,我会尝试在此处发布一些代码。

注意事项:
我只在 IE8 和 IE9(不是 IE7-)上进行了测试,z-index 不适用于这两个版本。
该网站可在 Chrome、Firefox 或 IE10 中完美运行。

如果已经存在适用于我的情况的解决方案,请将链接发送给我。我在这个问题上浪费了这么多时间,还没有找到有效的解决方案。

提前致谢

【问题讨论】:

    标签: html css internet-explorer z-index doctype


    【解决方案1】:

    它实际上不是z-index - 而是您的文档类型上方的注释,因为这将导致 IE 在Quirks Mode 中呈现页面。只需将 cmets 放在您的文档类型之后:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <!--By Christopher Mukherjee-->
    <!--HTML code for Trendex Website Home page-->
    

    【讨论】:

    • 您还可以使用此 META 标签强制 IE 进入标准模式:&lt;meta http-equiv="X-UA-Compatible" content="IE=Edge"&gt;
    • @AdiBradfield 强制 IE 进入标准模式是一种好习惯吗?上述解决方案有效,但如果有好处,我还会添加元标记。
    • 我不太确定,我个人从来没有遇到过任何问题!自从我开始使用它以来,IE 头痛已经大大减少。或者也许我的 HTML 刚刚改进!
    • 刚刚快速阅读了一下,显然 IE Quirks 模式故意在以前版本的 IE 中包含错误,以防标准模式破坏修复,因此对于新网页来说这应该不是问题,因为如果您已包含 IE 错误修复,则可能是旧页面
    • 这是有道理的。谢谢阿迪
    猜你喜欢
    • 2010-11-20
    • 2014-08-07
    • 1970-01-01
    • 2013-01-26
    • 1970-01-01
    • 2011-11-24
    • 1970-01-01
    • 2013-10-18
    相关资源
    最近更新 更多