css - IE8，XHTML，位置 : fixed; and z-index

Question

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

我有一个 <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 可以呈现的其他内容，我不想强​​制使用兼容模式。是否有其他解决方案，或者我错过了什么？

谢谢。

Answer 1

我已经通过将按钮从容器/栏中取出并自行固定来解决这个问题。适用于 IE7、IE8、Firefox - Chrome 不喜欢在位置上做 100%:已修复；酒吧。该死的。