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水平菜单

回答

相关问题