使元素在別人面前... z-index？

Question

我剛剛在我的網站上添加了一個浮動導航菜單。

的問題是，在頁面的一些圖像仍過來它

我試圖

z-index: 99999; 

但它並沒有改變任何東西。

退房測試頁，看問題生活（向下滾動頁面，你會看到） https://www.ni-dieu-ni-maitre.com/index2.php

Answer 1

您必須使用您要使用的z-index情況下，你的CSS「位置」。使用的這一個：

position: relative; 
position: absolute; 
position: fixed; 

Answer 2

移動的WebKit和Chrome 22+，一個新的堆疊上下文由position: fixed創建，即使z-index爲auto。

所以堆疊上下文結構是這樣的：

• 文檔根目錄（z-index的0）
  • #element（z-index的9998）
  • #element2（z-index的0）
    • .aboveElement（z-index 9999）
    • .belowElement（z-index的9997）

你不能9999或9997比較9998確定堆疊順序。相反，9999與9997比較，以確定其中.aboveElement和.belowElement進一步在前面，然後一旦內部#element2一切被堆疊在這方面，它會被視爲在它獲取在Z-堆疊後面#element z索引0單層索引9998。

讀the stacking context in mozilla

讀the stacking change for fixed elements in Chrome。