隱藏在IE7內容後面的下拉導航欄

我有一個下拉導航欄，當您將鼠標懸停在項目上時，下拉選項出現在IE7中，它們隱藏在滑塊後面。隱藏在IE7內容後面的下拉導航欄

我試過z-index沒有運氣。此外，菜單按鈕下方還有一些空格，也是IE7中的第一個選項。我還沒有試圖解決這個問題，我最關心的是讓它顯示在滑塊內容的上方。

你可以在這裏看到：http://www.condorstudios.com/stuff/temp/index.php

來源

2012-08-14 Brett

的鏈接是一個文件夾 - 沒有索引。 – Chris 2012-08-14 17:22:06

你確定？適用於我...索引應該是index.php – Brett 2012-08-14 17:23:54

嘗試在jsfiddle.net上覆制您的問題。我沒有IE7，所以我不能以這種方式幫助你。 – Cthulhu 2012-08-14 17:26:08

添加到您的$(document).ready()處理程序：

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

爲了確保這僅在IE7執行，添加此外您<script>標籤，但在<head>：

<!--[if IE 7]> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     var zi = 1000; 
     $('*').each(function() { 
      $(this).css('zIndex', zi); 
      zi -= 10; 
     }); 
    }); 
</script> 
<![endif]-->

來源

2012-08-14 17:54:59 Chris

您能否給我一個添加它的地方的例子？我不是一個大的JS人。 – Brett 2012-08-14 18:03:12

@Brett在你的索引頁面的第30-31行（不知道原始PHP源代碼中的那一行），你有：

我解決了這個問題recently here，所以這裏都修復IE7：

CSS：

/* show menu above content */ 
#nav li { 
    display: block; 
    position: relative; 
    z-index: 1;   // force IE to recognize stack at this point 
} 

/* normalize layout, IE7 not makes this automatically */ 
body,ul,li { 
    margin:0; 
    padding:0; 
}

來源

2012-08-14 18:14:43 Stano

是的，我在發佈我的郵件之前看到了您的帖子，但無法使其正常工作。我也使用了reset.css，甚至嘗試在li類上直接使用margin/padding，但它不起作用，所以不知道爲什麼我會得到間距。 IE很有趣:) – Brett 2012-08-14 18:23:02

相關問題

隱藏在IE7內容後面的下拉導航欄

回答

相關問題