在IE7下的jQuery下拉菜單

我一直在爲一段時間內一個愚蠢的IE6/7問題而戰，並且希望有比我更多經驗的人可以爲我節省更多的浪費時間。在IE7下的jQuery下拉菜單

我實現了一個jQuery/CSS下拉菜單，幾乎可以在所有瀏覽器下運行...除了我們心愛的IE7。以下鏈接指向精簡測試網站，將問題分解爲最少數量的組件。你會發現一些主菜單項下拉到附加的子項目時，但他們不下降在IE7。請看下面的頁面，並幫助我瞭解我出錯的地方......以及我能做些什麼來解決IE7中的問題。

在此先感謝！

http://eatyourpet.info/menutest/index.php

來源

2011-08-19 Kristofer

爲什麼你甚至使用jQuery呢？它可以在CSS中完成並仍然與IE 6兼容？ – djlumley

心愛的IE7 =哈哈！ –

也許我們心愛的IE7讓我們的薪水！：D – Mohsen

沒有通過您的代碼去（有很多的CSS樣式，而且它可能會是一些非常小的），你想實現什麼是口魚下拉（ http://www.alistapart.com/articles/dropdowns/）。

如果你想很好的樣式它就像你，就顯得有點複雜，但這種小提琴– http://jsfiddle.net/SZDkw/ –是超級基本實現，在IE 7的工作，所以採取一些作品，再建在你繼續檢查IE 7的同時。

來源

2011-08-19 00:42:01 djlumley

我遵循你的建議，並嘗試使用suckerfish方法構建菜單。一旦完成，我發現我在IE7下遇到了同樣的問題，但很快意識到菜單欄（其中包含菜單）實際上阻止了菜單向下擴展。 http://eatyourpet.info/menutest/index2.php z-index屬性似乎不會對IE7產生影響，或者我正在執行某些錯誤。進一步的想法，打破它的菜單欄之家？ – Kristofer

這裏是我的菜單欄的更新提琴：http://jsfiddle.net/SZDkw/1/它工作正常，除了在IE7上，我怎麼能強制菜單列表顯示在IE7菜單欄之外？ – Kristofer

您的菜單欄存在的問題是您將高度設置爲17px，並且沒有給出任何可以展開的空間。 – djlumley

試試這個代碼。我沒有IE7來測試。讓我知道，如果它是有幫助的：

$('#cssdropdown li.headlink').hover(function() { $(this).find('ul').toggle(); });

來源

2011-08-19 00:29:43 Mohsen

在IE7下的jQuery下拉菜單

回答

相關問題