Home > Windows > Internet Explorer > ver.6 :hoverのスタイルが反映されると透過したhr要素が消える

:hoverのスタイルが反映されると透過したhr要素が消える

:hover擬似クラスにbackground-colorプロパティを設定しているとき、:hover擬似クラスのスタイルが適用されたときにAlphaフィルタを指定したhr要素が消える。

例示

<div>
    <a href="./">リンク</a>
    <hr style="filter:alpha(opacity=25); height:10px; color:red;" />
</div>

アンカーにマウスポインタ等を乗せるとバグが発生するはずですが、この例ではバグを発生できません。

修正状況

WinIE6.0で不具合が発生するそうです。

報告書き込み

IE6。
アンカーにhover要素とbackground-color指定した場合、hover状態にすると
フィルター要素(filter:alpha)をつけた境界線(HR)は跡形も泣く消滅する。
同じフィルター要素でも画像<img>は何の影響も受けない。
IE5.5では何も問題のない指定。

Home > Windows > Internet Explorer > ver.6 :hoverのスタイルが反映されると透過したhr要素が消える

Search
オススメ書籍
Feeds

Return to page top