下拉菜單隱藏在IE的其他元素背後

我已經在我的一個項目中安裝了來自site5的Boldy主題，並遇到了一個主要問題。下拉菜單隱藏在IE的其他元素背後

在Internet Explorer（8或更低版本）中瀏覽時，頂部下拉菜單顯示在其他元素（主內容滑塊，H1等）後面。我試過一切都從改變所有的Z指數的固定位置，沒有運氣。

您可以通過訪問site5的Boldy演示頁面http://wordpress.site5.net/boldy/並將鼠標懸停在IE的頂部菜單的博客選項卡上來查看問題。

我已要求site5調查它，他們意識到這個問題，但未能找到任何解決方案。

2010-10-19 Baskets

（不是我的腳本）很確定，我可能在這裏找到了答案，但我無法找到它。無論哪種方式，這對我來說真是棒極了...

$(function() { 
var zIndexNumber = 1000; 
$('ul').each(function() { 
    $(this).css('zIndex', zIndexNumber); 
    zIndexNumber -= 10; 
}); 
});

只要確保你的CSS包括position和z-index因此腳本可以訪問值。

對這個人提出的讚譽 - 爲我省去了很多麻煩。

來源

2010-10-19 21:19:12 davidg

ul.menu而不是隻是ul – davidg 2010-10-19 21:28:12

如果我沒有弄錯，IE沒有正確地繼承菜單中子項目的top-nav的z-index。這就是爲什麼z-index爲60的照片正在掩蓋它。你可以在這裏做兩件事。

消除照片z-索引。
爲子列表直接指定100的z索引，而不僅僅是頂級的nav列表。

來源

2010-10-19 21:27:58 Moses

我看到你還沒有解決這個問題。我在子菜單中找到了一個解決方案 - Chkredit - swiss credit website 適用於所有版本的IE，並且輕巧，100％CSS（無javascript）。

基本上問題是IE不正確使用z-index。檢查CSS代碼中的z索引。呦需要在你的菜單隱藏的項目上放置一個z-index -1。

我現在工作的正是我自己的圖片庫同樣的問題（去「頂圖像」頁） - jeyjoo image gallery

來源

2011-12-14 16:22:17

好ORIGINALE這裏的解決方案 - Swiss credit website。這可以工作，但使用複雜的Z指數解決方案。這裏很簡單，這裏改進方案 - Jeyjoo stock image gallery 這個工作在IE6 +，Firefox，歌劇，Safari和Chrome

解決方案

的HTML

<div id="container_page" class="container_page"> 
    <div id="container_header" class="container_header"> 
    NAV BAR GOES HERE 
    </div> 
    <div id="container_body" class="container_body"> 
    ...body text... 
    </div> 
</div>

的CSS

#container_page #container_header {position:relative;z-index:2;} 
#container_page #container_body {position:relative;}

爲什麼它

你必須告訴IE的兩個div如何彼此關聯的。

來源

2011-12-15 11:18:35

我只想告訴人們我討厭ie 8，謝謝，但是，我真的需要這個，我不知道發生了什麼事情 – molleman 2013-03-07 01:06:23

下拉菜單隱藏在IE的其他元素背後

回答

相關問題