Superfish風格的下拉菜單不會在IE中顯示

我現在禁用了superfish js，所以它是純CSS。網址是http://pittsculture.studiotwo.com/category/outdoors-recreation/。 FF和Chrome看起來很好。但是，不管你信不信，IE在下拉菜單中存在問題（例如，在戶外和娛樂下）。誰能說出原因？Superfish風格的下拉菜單不會在IE中顯示

來源

2011-03-25 lancemonotone

在#main-nav上，您需要刪除filter規則。 filter導致Internet Explorer表現得好像您已將overflow: hidden應用於該元素一樣。

現在您的下拉菜單可以正常工作，但它已經失去了漸變效果。

您可以以不會導致相同問題的方式添加梯度，方法是將剛刪除的相同filter添加到#menu-category-navigation。據我所知，它看起來完全相同。

來源

2011-03-25 21:04:11 thirtydot

謝謝......你是正確的過濾規則是問題的原因。不幸的是，如果我將過濾器移至底層的UL，則漸變不再填充導航的寬度。我只是從IE中完全刪除它。他們什麼時候會一起行動？ – lancemonotone 2011-03-28 13:31:18

在IE9中，您可以[使用SVG製作漸變]（http://css3wizardry.com/2010/10/29/css-gradients-for-ie9/），這比使用'filter'屬性有所改進。如果你對這個答案感到滿意，如果你接受它，我會很感激。 – thirtydot 2011-03-28 13:32:26

我會看看SVG，但我不確定這是值得與IE的市場份額萎縮像它。漸變並不重要。 – lancemonotone 2011-03-28 14:41:38

Superfish風格的下拉菜單不會在IE中顯示

回答

相關問題