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

症状

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

例示

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

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

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

スクリーンショット

Ns7.1Netscape7.1標準モード

補足

mozilla.org Bugzillaでは以下の項目が該当します。

修正状況

  • Netscape7.1、Mozilla1.7betaの標準モードと互換モードで不具合の発生を確認しました。

関連記事

スポンサーリンク

<IMG> 画像を表示する

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

上に戻る