CSS：z-index的bug？

我有一個攝影網頁，顯示在頂部的角落標誌切換語言，並在中間的下拉菜單（都position: fixed）。請看一看：http://luis.impa.br/photo CSS：z-index的bug？

如果您將窗口水平縮小到標記覆蓋菜單的位置，您可以在菜單上看到標記。但是，如果您檢查元素，則會看到（含div的div）具有z-index 90，而菜單具有z-index 100.

這怎麼可能？不應該是相反的嗎？ Chrome（PC）和Dolphin（Android）都會出現這種情況。 Firefox工作得很好。這是前兩個瀏覽器的錯誤嗎？同樣的錯誤？

如果您認爲這太瘋狂了，請向下滾動頁面，直到看到new紅色標籤（例如，現在在蝴蝶圖標上方），然後翻轉菜單。如果縮小頁面，您可以看到標記和菜單之間的標記爲new ......同樣，Firefox的工作原理非常完美，而Chrome和Dolphin則完成這一混亂。兩個瀏覽器具有完全相同的錯誤？

要麼我不記得z-index是如何工作的，或者這是一個bug。更可能的是，兩者。

謝謝！

來源

2013-02-20 Luis A. Florit

z-index似乎是一個非常簡單的理解理解，但它比最初想象的要複雜一點！ [如果你以前沒有閱讀過，這真的值得一讀。]（https://developer.mozilla.org/en-US/docs/CSS/Understanding_z-index） – jmeas 2013-02-20 01:52:19

**沒有什麼瘋狂的！**這個元素沒有'position'，它的'z-index：100;'。簡單！ – 2013-02-20 01:56:37

沒有什麼瘋狂的！您已爲.ddsmoothmenu ul提供z-index，該值不包含position，值爲absolute或relative。所以，z-index在這裏不起作用！但對於你的情況，這個作品：

div#centmenu {z-index: 100;}

來源

2013-02-20 01:52:56

哦，我明白了！多麼愚蠢。添加了標籤，問題已解決。非常感謝！！！ – 2013-02-20 02:09:28

只是一個拇指規則，只有'position'不是'static'，'z-index'纔有效。 – 2013-02-20 02:10:06

明白了。沒有意識到'ul'元素沒有繼承父級的'position：fixed'標籤。再次感謝！ – 2013-02-20 02:12:13

CSS：z-index的bug？

回答

相關問題