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

症状

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

例示

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

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

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

スクリーンショット

WinIE6.0Opera7.51標準モード

修正状況

  • Opera6.06、Opera7.51の標準モードと互換モードで不具合の発生を確認しました。

関連記事

スポンサーリンク

padding-left 左パディングを指定する

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

上に戻る