我有一個菜單,可以在除IE7和IE8以外的所有主流瀏覽器中使用。這裏是工作的菜單: http://jsfiddle.net/DtxWt/IE7和IE8不會正確顯示我簡單的橫向CSS菜單
然而,在IE7和IE8,它會顯示如下所示: http://imgur.com/gcByA
任何幫助,將不勝感激。謝謝!
我有一個菜單,可以在除IE7和IE8以外的所有主流瀏覽器中使用。這裏是工作的菜單: http://jsfiddle.net/DtxWt/IE7和IE8不會正確顯示我簡單的橫向CSS菜單
然而,在IE7和IE8,它會顯示如下所示: http://imgur.com/gcByA
任何幫助,將不勝感激。謝謝!
nav
是HTML5元素和IE7 & 8不理解HTML5。我相信IE會將你的HTML解釋爲<nav></nav><ul><li>...
因此,你的CSS沒有被應用。你會想要使用像http://code.google.com/p/html5shim/這樣的東西來填補缺失的功能。
display: inline-block
與UL是沒有必要的,從我所看到的,讓它在塊 ,可能添加在CSS中<div class="clearer"></div>
定義:.clearer: clear:left;
你也可以使用一個div #nav代替導航
謝謝。這解決了IE8。 IE7現在正在應用CSS,但菜單左對齊,而其他所有瀏覽器都正確顯示在中心。 – yellavon 2012-04-20 23:15:29
其實我之前說過的同樣的東西「你也可以用div #nav代替nav」但是確定.. – Chris 2012-04-21 09:59:38
其實Mike給了我一個更好的答案。我可以繼續使用HTML5語法並支持舊版瀏覽器,而不是將我的導航包裝在無意義的div中。 – yellavon 2012-05-04 00:26:00