SUPERFISH下拉菜單顯示的div下方它下面的它是做什麼

實施例：http://screenr.com/k2X SUPERFISH下拉菜單顯示的div下方它下面的它是做什麼

我的div類=「container_12頭」的z索引設置爲2，在div類=「container_12內容」 1

的UL類=「SF-菜單」設置爲99，這是container_12頭專區內

我收到這個問題，認爲設置的z-index的適當的類會做的技巧，但它仍然給我顯示下面的div下面的下拉菜單（container_12內容）的問題

任何幫助表示讚賞，謝謝。

.container_12.content { 
    z-index: 1; 
} 

.container_12.header { 
    background-color:#030; 
    height:125px; 
    border:1px solid yellow; 
    z-index: 2; 
}

來源

2010-07-20 Brad

也許把下拉內的body元素而不是div？ – tcooc 2010-07-20 14:58:24

其中superfish菜單和註銷按鈕所在的div有屬性overflow:scroll; 將其更改爲visible。

overflow:visible; 
z-index:0; 
position:relative;

注：z索引僅適用於定位元素（位置：絕對的，位置：相對的，或位置是：固定）。

編輯：爲獲得最佳效果，加載htmlreset.css之前！

來源

2010-07-20 15:00:31 CuSS

謝謝，這個技巧，現在在IE 7中，菜單似乎是透明的，你可以在這裏看到http://cl.ly/2315231db5666d6e3297 - 你知道這可能是爲什麼嗎？ – Brad 2010-07-20 15:05:48

這就是z-索引和位置，確保所有元素都具有較低的z-索引和位置：相對。測試類似這樣的事情：* {position：relative; z-index：0;} //在所有其他CSS樣式之前！ – CuSS 2010-07-20 15:09:37

爲獲得最佳效果，請先加載htmlreset.css – CuSS 2010-07-20 18:02:22

您的div和ul是否定位？我認爲z-index只適用於定位選擇器。

來源

2010-07-20 14:58:43

爲兩個div添加了css。 – Brad 2010-07-20 15:00:50

SUPERFISH下拉菜單顯示的div下方它下面的它是做什麼

回答

相關問題