0

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

火狐导航栏

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

铬导航栏

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

4

2 回答 2

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 声明。

于 2013-02-05T21:04:52.287 回答
0

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

于 2013-02-05T20:40:13.647 回答