我面临一个奇怪的问题，我创建的导航栏在 Chrome 中的显示方式与在 Firefox 中不同。这是每个的屏幕截图。Firefox 正确显示它：
虽然背景颜色在 Chrome 中消失了：
我在这里创建了一个小提琴，但是当使用 Chrome 在 jsfiddle 站点上查看时问题并不明显。在实时 Chrome 浏览器中，body声明覆盖了导航栏的定义，即使z-index使用了。关于如何解决这个奇怪问题的任何想法？我现在使用旧版本的 Chrome（21.0.1180.90），试图确保向后兼容性。谢谢你的想法！
您的代码在 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 声明。
您的代码在 Chrome 版本 24 、 Firefox 和 Internet Explorer 10 中运行。也许问题只出在那个版本的 Chrome 中，或者你在其他地方覆盖了它。