Css IE8，XHTML，位置：固定；和z指数

我有一个XHTML1.0过渡Doctype

我有一个

，即

位置：固定；底部：0px；左：0px；宽度：100%；z指数：200

在里面，我有两个按钮，它们是相对位置的，右对齐，z-指数为201

在Firefox中，工具栏位于底部，两个按钮位于底部

然而，在IE8中，条形图是可见的，z索引似乎覆盖了其他内容，但是按钮隐藏在主div后面，尽管它们是子项并且设置了z索引

我使用以下元标记；

强制文档进入IE8模式

如果我模仿IE7（启用兼容模式），则该条和按钮工作正常。我不明白IE7的渲染如何比IE8好。我不想因为IE7和IE8不能呈现的其他东西而强制兼容模式。还有别的解决办法吗，还是我错过了什么

谢谢。

尝试给父元素一个更高的z索引号（它确实假设您有一个单独的ie样式表）

另外，尝试使用此doctype强制渲染到符合ie8标准的模式，而不是使用edge（这意味着您总是获得最新版本）


更多信息请点击此处：

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

尝试给父元素一个更高的z索引号（它确实假设您有一个单独的ie样式表）

另外，尝试使用此doctype强制渲染到符合ie8标准的模式，而不是使用edge（这意味着您总是获得最新版本）


更多信息请点击此处：

“这是因为即使是Eric Meyer也无法预测新浏览器版本可能会意外引入的布局或脚本错误。”
我将按钮从容器/栏中取出，并将其自行定位，从而解决了问题。在IE7、IE8、Firefox中工作——Chrome不喜欢100%的定位：固定；酒吧。该死。
我已经解决了这个问题，将按钮从容器/酒吧中取出，并将其自行固定。在IE7、IE8、Firefox中工作——Chrome不喜欢100%的定位：固定；酒吧。该死。
容器的z指数为200；我尝试过完全删除按钮的z索引，得到了相同的结果。如果将容器位置设置为相对位置，则按钮显示得很好。位置绝对和固定使按钮消失在容器下。可能部分原因是ie在位置固定时也失败（但我知道这仅适用于ie6），为什么不将按钮和父级的位置设置为绝对（而不是相对按钮），然后设置z索引？（也请阅读链接中的注释，还有其他一些场景可能会有所帮助）我需要工具栏和按钮保持它们在视口底部的位置，而不是页面底部的位置，这就是它们位置固定的原因。那篇文章说这是IE7中的一个bug，但是我的场景在IE7中工作得很好，但在IE8中不行：/，如果我发现有用的话，我会仔细阅读评论并报告。Thanksas在ALA说，即使eric meyer也不愿意使用IE=edge doctype，因为新版本发布后可能会引入bug。要强制您的文档使用ie8（这意味着根据标准），请使用以下命令：谢谢，我已将meta标记更新为该命令。然而，仍然没有运气。我仍然不明白它如何在IE7（模式）中正常工作，但在IE8中却不行；我尝试过完全删除按钮的z索引，得到了相同的结果。如果将容器位置设置为相对位置，则按钮显示得很好。位置绝对和固定使按钮消失在容器下。可能部分原因是ie在位置固定时也失败（但我知道这仅适用于ie6），为什么不将按钮和父级的位置设置为绝对（而不是相对按钮），然后设置z索引？（也请阅读链接中的注释，还有其他一些场景可能会有所帮助）我需要工具栏和按钮保持它们在视口底部的位置，而不是页面底部的位置，这就是它们位置固定的原因。那篇文章说这是IE7中的一个bug，但是我的场景在IE7中工作得很好，但在IE8中不行：/，如果我发现有用的话，我会仔细阅读评论并报告。Thanksas在ALA说，即使eric meyer也不愿意使用IE=edge doctype，因为新版本发布后可能会引入bug。要强制您的文档使用ie8（这意味着根据标准），请使用以下命令：谢谢，我已将meta标记更新为该命令。然而，仍然没有运气。我仍然不明白它如何在IE7（模式）下正常工作，但在IE8中却不行。