下拉菜單在IE9中不工作

任何人都可以請指教。我現在已經完成了我的菜單，它可以在除IE9以外的大多數瀏覽器中使用。菜單本身有效，但下拉菜單不起作用。 GENERAL和SHOP菜單項應該下拉並顯示許多其他子菜單項。？在IE9只是沒有:-(

誰能幫助

2012-04-19 SS4A

如果從下面的規則中刪除filter屬性：

#menu 
#menu li:hover

則顯示是固定的IE9。

https://stackoverflow.com/a/6901105/637889解釋說，你或許應該使用-ms-filter對於IE8 +（儘管梯度正在工作，IE9仍然支持filter）。另請參閱http://blogs.msdn.com/b/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx以獲取更新的語法（因爲屬性值需要引用）。

正如你可能要探討IE9 Gradient using -ms答案了更多的跨瀏覽器的梯度溶液，如果你還沒有已經看到它的替代品。

最後，可我還建議而不弄亂少問題的瀏覽器使用Paul Irish's approach到Conditional Comments包括CSS規則問題（即IE）的瀏覽器。

2012-04-19 11:40:40 andyb

這工作一種享受！做得好！非常感謝 – SS4A 2012-04-19 11:59:25

刪除所有篩選器和ms篩選器樣式。當過濾器應用於IE7和IE8中的元素時，會觸發'overflow：hidden' – 2014-03-24 21:14:07

我在你的CSS樣式表的z-index刪除兩個想

1. #menu li:hover (Remove z-index this) 

2. #menu (remove z-index this)

#menu li:hover { 
    z-index: 5;} 

#menu { 
    z-index: 11; 
}

現在檢查您的佈局在IE

2012-04-19 11:41:51

回答