CSS下拉菜單 - 堆棧順序不正確？

我們的測試服務器是在這裏：CSS下拉菜單 - 堆棧順序不正確？

http://208.43.52.30/event/list

右上角見，說：「主辦單位」框..

出於某種原因，我不能讓下拉來的頂層...我試圖改變定位，我試圖改變z-index，但沒有運氣..

任何想法？

來源

2010-09-24 Kevin

你的div.header-holder有overflow: hidden，如果你改變那麼組織者名單應該沒有任何麻煩。

響應編輯到OP的評論：

它們實際上是由這些圖像覆蓋上去，而那些沒有溢出：隱藏應用...

你可能發現將position:absolute;應用於下拉框ul（和position: relative至其父代li）應通過將其從常規文檔流中取出並使其位於其他非absolute元素之上來解決該問題。

因爲當然「那些」圖像旋轉木馬/幻燈片的一部分，並定位absolute過，它們可能不本身秀「上面」他們。在這種情況下，爲幻燈片圖片指定z-index是值得的，並確保下拉列表的z-index高於圖片的z-index。

來源

2010-09-24 22:38:15

大...奏效，唐不知道爲什麼我之前沒有看到它.. – Kevin 2010-09-24 22:43:26

現在他們實際上已被這些圖像掩蓋了，而且這些圖像沒有溢出：隱藏應用... – Kevin 2010-09-24 22:43:44

使用Chrome的網絡檢查器或Firefox的Firebug添加以顯示正在應用的樣式以及它們來自哪裏。此外，在這種情況下，由於*哪裏*它被剪輯我和可能@Matt，認爲「溢出」是最有可能的罪魁禍首。 – 2010-09-24 22:45:24

在ID爲「header-holder」的div元素上，您的CSS overflow值爲hidden。由於組織者名單是其中的孩子，因此它不會顯示在div的範圍之外。擺脫這些，你很好。

來源

2010-09-24 22:37:19

這樣做 - 偉大的工作，但它不顯示過去圖像現在..不具有溢出：潛規則.. – Kevin 2010-09-24 22:45:37

在CSS塊＃視覺中更改的z-index爲0，在.header持有人變更的z-index爲1和溢出塊visable

來源

2010-09-24 23:01:55 Fsmv

你需要作出調整，以各種值。添加這些CSS規則：

.header-holder { overflow: visible; z-index: 300; } 
#visual-box { z-index: 300; } 
.box-info { z-index: 301; } 
.box-info ul.dropdown { z-index: 301; }

來源

2010-09-24 23:10:59 babtek

CSS下拉菜單 - 堆棧順序不正確？

回答

相關問題