NavBar顯示不同的Chrome/Firefox

Question

我面臨一個奇怪的問題，我創建的導航欄在Chrome中的顯示方式與Firefox不同。這是每個的截圖。 Firefox是正確顯示它：

雖然背景顏色迷失在Chrome：

我已經創建了一個小提琴here，但看問題是看不出來的使用Chrome的jsfiddle網站。在實時Chrome瀏覽器中，body聲明覆蓋了導航欄的定義，即使使用了z-index ..關於如何解決這個奇怪問題的任何想法？我現在正在使用舊版本的Chrome（21.0.1180.90），試圖確保向後兼容性。感謝您的想法！

Answer 1

您的代碼在OS X 10.8.2的「live 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聲明。

Answer 2

您的代碼在Chrome版本24，Firefox和Internet Explorer 10中運行。也許問題只出現在該版本的Chrome中，或者您在其他地方覆蓋它。