IE11 z-index 问题答案

【问题标题】：IE11 z-index issueIE11 z-index 问题
【发布时间】：2014-08-02 09:04:20
【问题描述】：

我的 IE11 有奇怪的布局问题，我网站上的导航似乎“坐在下面”另一个元素。奇怪的是它适用于除 IE11 之外的所有浏览器。

此外，如果您单击圆形块中的“转到福利并查看原因..”，它会将您带到网站的第二部分。导航适用于除登录页面之外的每个部分。

希望有人能指出正确的方向。

谢谢大家。

【问题讨论】：

"我网站上的导航似乎是"坐在"另一个元素下面"哪个元素..？你能说得更具体点吗？
.Container 在 z-index 的 .Header 之上。
'.header' 的 z-index 设置为 -1，容器设置为 1。您希望 '.header' 显示在 '.container' 之上吗？如果是，将“.header”的 z-index 更改为 2
不，这不是我要找的。我希望有人仅在 IE11 中解释 z-index 问题。它甚至可以在 IE8 但不是 11 中工作。谢谢
MrFrench - 喜欢这个网站！！

【解决方案1】：

似乎缺乏对 z-index CSS 属性的理解。请参阅这篇精彩的文章：from Smashing Magazine，其中解释了 z-index 属性及其许多使用场景。

注意：您应该修改代码以确保跨浏览器兼容性，而不是期望浏览器修改其行为以适应您的代码。

【讨论】：

请避免仅仅链接到其他资源，而是建议您引用（甚至转述）信息并链接到来源，这样即使您的链接失效，信息也会得到保存。
会 - 我不同意你的回答。我同意您应该确保您具有跨浏览器兼容性，但似乎 IE 11 似乎没有遵循与 z-index 相关的规则。您发送的文章说您应该确保设置位置属性以使 z-index 工作。我遵循这个规则到 T，但图层渲染不正确。（顺便说一句 - 我确实对你的答案投了赞成票，因为我认为这篇文章是一个很好的解释。）