导航栏显示不同的 Chrome/Firefox答案

【问题标题】：NavBar Display Different Chrome/Firefox导航栏显示不同的 Chrome/Firefox
【发布时间】：2013-02-05 18:08:53
【问题描述】：

我遇到了一个奇怪的问题，我创建的导航栏在 Chrome 和 Firefox 中的显示方式不同。这是每个的屏幕截图。 Firefox 显示正确：

虽然背景颜色在 Chrome 中消失了：

我已经创建了一个小提琴here，但是当使用 Chrome 在 jsfiddle 站点上查看时问题并不明显。在实时 Chrome 浏览器中，body 声明覆盖了导航栏的定义，即使使用了z-index。关于如何解决这个奇怪问题的任何想法？我现在使用旧版本的 Chrome（21.0.1180.90），试图确保向后兼容性。感谢您的想法！

【问题讨论】：

标签： css google-chrome

【解决方案1】：

您的代码在 OS X 10.8.2 上的“实时 Chrome 浏览器”21.0.1180.89（找不到 21.0.1180.90）中运行良好。

我认为你错过了z-index 的重点：

对于定位框，'z-index' 属性指定：

框在当前堆叠上下文中的堆叠级别。

框是否建立堆叠上下文。

http://www.w3.org/TR/CSS2/visuren.html#z-index

z-index 不用于覆盖任何其他 css 声明。

【讨论】：

【解决方案2】：

您的代码在 Chrome 版本 24 、Firefox 和 Internet Explorer 10 中运行。也许问题只出在那个版本的 Chrome 中，或者你在其他地方覆盖了它。

【讨论】：