Z-index在懸停菜單上不能全部工作

Question

當鼠標懸停在頁面中間的菜單中的「查找酒店」時，懸停菜單僅出現在CSS中，沒有javascript。

http://dusit.syndacast.com/dusitthani/meetings/

然而

主頁懸停菜單低於其他元素，即使Z-指數爲99999

http://dusit.syndacast.com/dusitthani/

兩個網頁使用幾乎相同的模板，但我看不出有什麼差別是什麼？

謝謝

Answer 1

添加z-index:0到.relative-item和z-index:1到.blueBar.brand應該修復它。

.relative-item { 
    position: relative; 
    z-index: 0; 
} 

.blueBar.brand{ 
    position: relative; 
    z-index: 1; 
} 

Answer 2

而是在父元素中設置z-index。

添加或更新你的CSS這樣的：

/* currently this element has position:relative; set */ 
.cover-photo-div { 
    z-index: 1; 
} 

.blueBar.brand { 
    position: relative; 
    z-index: 2; 
} 

Answer 3

下面的代碼將解決這個問題。

.cover-photo-div { 
    z-index: 1; 
} 
.blueBar { 
    z-index: 2; 
    position: relative; 
}