0

このコードを見ると: http://jsfiddle.net/b3KaM/2/

IE7 では、<a>タグが設定されていても、タグは親の<li>幅に引き伸ばされませんdisplay: block;。リスト アイテムでは背景色が赤に設定され、リンクでは背景色が黄色に設定されているため、違いがわかります。

FF / Chrome & friendsでは明らかに問題なく動作します。

編集:ここで複雑なのは、固定幅を設定できないことです-リンクテキストは1行にとどめ、必要に応じてリスト全体を拡張する必要があります.

これは以前に尋ねられたことを認識しており、SOに関するいくつかの質問を見つけましたが、この問題に対する有効な解決策を見つけることができませんでした-何かアイデアはありますか?

そうでない場合 - IE7 で他のブラウザーと同じ結果を達成することは不可能である、つまり回避策のない Internet Explorer のバグであると言っても過言ではありませんか?

4

2 に答える 2

2

この問題は、として知られるhasLayoutIE7 以前のレンダリング現象が原因で発生します。

aこの問題を解決するには、要素が「レイアウトを取得」しないようにする必要があります。

残念ながら、要素が「レイアウトを獲得」する原因となるものの膨大なリストがあります。

あなたのa要素は現在持っていoverflow: hiddenてmin-height設定されています。これらのプロパティを削除すると、IE7 で動作します。

于 2012-06-27T11:49:50.803 に答える
0

ブロックでは、要素の幅も指定する必要があります。例：-http: //jsfiddle.net/b3KaM/8/

于 2012-06-27T11:33:07.947 に答える