visibility:hidden;を指定した要素に:hoverが効かない

症状

visibility:hidden; を指定して非表示にした要素には、:hover擬似クラスの指定内容が効かない。

例示

<style type="text/css">
a:hover {
  visibility: visible;
}
</style>

<p>→<a href="..." style="visibility:hidden;">WinIEバグリスト</a>←</p>

2つの矢印に挟まれた部分に非表示のリンクがあります。リンクにマウスポインタなどを載せたときにa要素の文字列が現れることが望まれます。

スクリーンショット

WinIE6.0WinIE6.0標準モード

修正状況

WinIE6.0の標準モードと互換モードで不具合の発生を確認しました。

WinIE7でも発生します。

関連記事

スポンサーリンク

cron実行時の標準出力のメールを飛ばさない方法(cron実行時に毎回メールを飛ばさない)

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

上に戻る