JQUERY對IE9水平菜單

我已經使用了jQuery UI橫向菜單下面的例子： How to make jQuery UI nav menu horizontal? 其在Chrome 的偉大工程，但在IE 9，它看起來可怕，它不是水平你有任何想法我已經失蹤了？JQUERY對IE9水平菜單

我JQUERY來源：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> 
<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

我的CSS：

#menu li 
{ 
    width: auto; 
    clear: none; 
    background:blue; 
    margin-right:3px; 
    margin-left:3px; 
    margin-top:2px; 
    float: left; 
} 

.menuIconItem 
{ 
    cursor:hand; 
} 

.liMenuItem 
{ 
    background-color:transparent; 
} 

.menu 
{ 
    border: 0px !important; 
    background:D0E1F7 !important; 
}

我的代碼：

<ul id="menu" class="menu"> 
    <li class="liMenuItem" title="1"> 
    <a onclick="menuItemClicked('1');" class="menuIconItem"> 
    <img src="1.png" id="img1"> 
    </a></li> 
    <li class="liMenuItem" title="2"> 
    <a onclick="menuItemClicked('2');" class="menuIconItem"> 
    <img src="2.png" id="img2"> 
    </a></li></ul>

謝謝:)

來源

2012-12-05 user1322801

IE demo 請參考以下鏈接FO [R更多的細節，

Cross browser menu

它告訴IE瀏覽器，你必須修改CSS文件，因爲有些東西可能無法在IE瀏覽器正常工作，

ul.dropdown ul li { 
    display: inline; 
    width: 100%; /* Width depends on the size of containing block */ 
}

試試這個希望它幫助。。

來源

2012-12-05 09:50:54 Lucky

JQUERY對IE9水平菜單

回答

相關問題