Internet Explorer (Windows) CSSバグリスト

アンカーを:hover状態にすると後続するフロートの一部が消える(6.0)

2003-05-14再作成。

症状

以下の条件に該当するとき、アンカーにマウスポインタ等を乗せて:hover状態にすると最もボックス高が大きいフロートのうち、2番目にボックス高が大きいフロートの高さを超える部分が消える。

• WinIEバグ102が発生するような入れ子構造があり、バグ対策を施している（WinIEバグ102の「補足」を参照）。
• 上記の入れ子ブロックの後にフロート化したボックスが複数並んでいる。
• それらのフロートの下に何も（clearプロパティがnone値以外のボックスなどが）存在しない。
• 最も前にあるフロート（左フロート(float:left;)が複数ある場合は最も左上方に置かれるフロート、右フロート(float:right;)が複数ある場合は最も右上方に置かれるフロート）のボックス高が最も大きい。

例示

<div style="border:2px solid red;">
<div style="background:yellow; border:2px dashed green;">
<div style="margin:20px 0; border:2px ridge blue;">
<a href="../winie.html">WinIEバグ</a>
</div></div></div>
<div style="float:left; width:5em; border:2px outset fuchsia;">
left1<br>left1<br>left1<br>left1<br>left1</div>
<div style="float:left; width:5em; border:2px outset fuchsia;">
left2<br>left2<br>left2</div>

実際の例はページの最後にあります。アンカーにマウスポインタ等を乗せて反応を確かめてください。

スクリーンショット

マウスポインタを乗せたときのスクリーンショットです。

補足

フロートの後に、clearプロパティにnone値以外を指定した要素を置くことでバグを回避できます。

修正状況

• WinIE6.0標準モードで不具合の発生が確認されました。
• WinIE5.5、WinIE6.0互換モードでこの不具合は発生しません。

例示