CSS變換z索引問題

Question

當打開導航下拉菜單時，導航下拉菜單上將顯示右側欄上的側欄中的已轉換字體：「UNSERE HEIMSPIELE 2014」，...以及其他的kassel-titans.de。

這是爲什麼？

Answer 1

在我看來，通過頂部聲明：16px的爲.GDtitans，你給該元素的位置。 #megaMenu有位置：相對，但都沒有z-索引集。由於.GDtitan元素出現在文檔的後面，它們與#megaMenu重疊。

嘗試添加的z-index到兩個，是這樣的：

#megaMenu { 
    z-index: 20; 
} 
.GDtitan { 
    z-index: 10; 
} 

現在#megaMenu將有更高的z-index，並且將重疊的一切。

Answer 2

下方移除（或使用所需的值）

-webkit-背面能見度：隱藏;

從你的GDtitans類，它會解決你的問題。

在這裏你可以找到更多的解釋：http://css-tricks.com/almanac/properties/b/backface-visibility/

Answer 3

你應該，但在你的導航的z-index格設置不是僅UL

div#navigation{ 
    position: relative; 
    z-index: 1; 
} 

應該做工精細鍍鉻