1

このページのメニューを修正するのを手伝ってくれませんか? メニュー リスト項目には幅が定義されていないため、IE7 では幅 100% で表示されます。span.right に float: left を設定すると、問題は解決しますが、丸みを帯びた角は機能しません。可能な解決策は、適切なスパンを取り除き、パディングと背景画像をアンカーに設定することかもしれませんが、それは: a) アンカーの背景画像を使用できなくなります (この例では、無地で十分です)、b)menu.pngを個別の画像ファイルに分割する必要があります。

皆さん、何か良い案があれば教えてください。ありがとう!

4

1 に答える 1

0

実際のテキストを と の間の真ん中に移動し、タグで囲むと、<span class="left"></span>次のようになります。<span class="right"></span><span>

<li><a href="#">
    <span class="left"></span>
    <span>Home</span>
    <span class="right"></span>
</a></li>

その後、CSS ルールを追加できます。

#menu ul li a span
{
    float: left;
}

次に、とfloat: left;から削除します。これは、Firefox と IE 7 の両方で問題なく動作するはずです。また、他のほとんどのブラウザーも同様であると想定しています。もちろん、これは HTML を少し再構成しても問題ない場合にのみ機能します。span.leftspan.right

于 2009-01-13T00:19:17.770 に答える