0

次の JQUERY UI 水平メニューの例を使用しました: jQuery UI ナビゲーション メニューを水平にする方法は? これはChromeではうまく機能しますが、IE 9では見た目が悪く、水平ではありません。何が欠けているのか分かりますか?

私の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>

ありがとう ：）

4

1 に答える 1

2

IE デモ詳細については、次のリンクを参照してください。

クロスブラウザメニュー

IE では css ファイルを変更する必要があることを示しています。

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

これが役立つことを願って試してみてください..

于 2012-12-05T09:50:54.507 に答える