代码之家  ›  专栏  ›  技术社区  ›  Joel

IE8,XHTML,位置:固定;和Z索引

  •  0
  • Joel  · 技术社区  · 15 年前

    我有一个XHTML 1.0过渡文档类型。

    我有一个 <div> 那就是 position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 200; .

    在里面 <DIV & GT; 我有两个按钮,位置相对,右对齐,设置Z索引201;

    在Firefox中,底部的工具栏和两个按钮都正确地位于底部。

    然而,在IE8中,该条是可见的,z-index似乎覆盖了其他内容,但是按钮隐藏在主DIV后面,尽管它们是子级的,并且有z-index集。

    我正在使用下面的元标记; <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 强制文档进入IE8模式。

    如果我模拟IE7(启用兼容模式),那么条和按钮就可以正常工作。我不明白IE7的渲染效果如何优于IE8。我不想强制兼容模式,因为其他东西IE7不能呈现,IE8可以。还有别的办法吗,还是我错过了什么?

    谢谢。

    2 回复  |  直到 11 年前
        1
  •  2
  •   Kara Praveen Prasad    11 年前

    我已经解决了这个问题,把按钮从容器/酒吧里拿出来,然后把它们自己固定好。适用于IE7、IE8、Firefox——Chrome不喜欢100%的定位:固定;条。该死的。

        2
  •  1
  •   corroded    15 年前

    http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

    尝试给父元素一个更高的z索引编号(它确实假定您有一个单独的IE样式表)

    此外,尝试使用此doctype强制呈现为符合IE8标准的模式,而不是使用edge(这意味着您始终获得最新版本)。

    更多信息在这里: http://www.alistapart.com/articles/beyonddoctype

    “这是因为即使是Eric Meyer也无法预测新浏览器版本可能意外引入的布局或脚本错误。”