我有一个XHTML 1.0过渡Doctype。
我的<div>是position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 200;。
在<div>里面，我有两个按钮，它们是位置相对的，右边对齐，设置的z-index为201;
在Firefox中，底部的栏和两个按钮正确位于底部。
然而，在IE8中，条形图是可见的，并且z-index看起来与其他内容重叠，但是按钮隐藏在主div之后，尽管它们是孩子并且设置了z-index。
我正在使用以下元标记;
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
强制文档进入IE8模式。
如果我模仿IE7（进入兼容模式），条形图和按钮工作正常。我不明白IE7的渲染如何比IE8更好。由于IE7无法呈现的其他东西和IE8可以，我不想强制兼容模式。还有其他解决方案，还是我错过了什么？
感谢。
答案 0 :(得分：2)
我已经通过从容器/栏中取出按钮解决了这个问题，并将它们自行定位。适用于IE7，IE8，Firefox - Chrome不喜欢100％的位置：固定;酒吧。该死。
答案 1 :(得分：1)
http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/
尝试给父元素一个更高的z-index数字（虽然它假设你有一个单独的样式表，但是）
另外，尝试使用此doctype强制渲染为ie8标准兼容模式，而不是使用edge（这意味着您总是获得最新版本）
此处有更多信息：http://www.alistapart.com/articles/beyonddoctype
“那是因为即使是Eric Meyer也无法预测新浏览器版本可能意外引入的布局或脚本错误。”