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

症状

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

例示

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

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

スクリーンショット

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

N7N7.02での表示(標準モード)

WinIE6WinIE6.0での表示(標準モード)

補足

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

修正状況

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

例示

left1
left1
left1
left1
left1
left2
left2
left2

スポンサーリンク

関連記事

スポンサーリンク

役に立つかもしれないリンク集

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る