2

次のように非常に簡単に JQuery UI メニューを作成しています。

<ul id="menu">
  <li><a href="..."><img src="icon.png" /></a>
  <ul>
    <li><a href="..."><img src="anotherIcon.png" /></a>
    <li><a href="..."><img src="thridIcon.png" /></a>
  </ul>
</ul>

メニューはスクリプトで作成されます:

$(function() {
  $("#menu").menu();
});

それはどのように見えるべきか (そして Chrome と Firefox で):

正しい表示メニュー

Internet Explorer では次のように表示されます。

間違って表示されたメニュー

フローティング右メニュー アイコンと関係があると思いますが、解決方法がわかりません。誰かが解決策、または少なくともアプローチ方法を知っていればありがたいです。

4

1 に答える 1

3

わかりました、自分で解決策を見つけました：

HTML:

<li>
  <a href="...">
    <img src="icon.png" />
    <div class="clear"></div>
  </a>

CSS:

li a img {
  float: left;
}

.clear {
  clear: both;
}

CSS は、JQuery UI が提供する CSS に追加されます。

于 2013-02-17T23:28:03.557 に答える