Z-Index不適用於div位置：固定位置：絕對

Question

我有兩個div-Tags，一個包含帶有徽標的標題，另一個是信息div。該標誌應該始終位於頂部，但事實並非如此。

在這兩個我已經設置了Z指數。標題的z-index爲500，信息的z-索引爲200，因爲它應該在徽標的下面。

在CSS：

div#logo { position:fixed; z-index: 500;} 
div#markerInformation {position: absolute; z-index: 200;} 

結果我得到的是相反的，你可以看到，該標誌是信息的下面：

要看到它在行動，你可以看看這裏：http://www.dominikamon.com/location/#f4ec7efc-d27a-4767-910b-f1af9a5547a8,4,52.231789,21.006128

請注意，div＃標誌的css定義是：

div#logo { 
position: absolute; 
z-index: 500; 
} 

但只要向下滾動，就會有一個jQuery事件綁定到「滾動」，它將position設置爲fixed。

我已經簽出應該解決這個問題的一些崗位，如：

• z-index not working with fixed positioning
• How does z-index and position fixed work together in css
• Position absolute has greater z-index than position fixed

也許我錯過了點其中之一，但我無法設法讓它工作？

Answer 1

試試這個

div#logo { 
position: absolute !important; 
z-index: 500; 
}