Opera CSSバグリスト

visibility:hidden;を指定した要素に:hoverが効かない(6.0/7.x)

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

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

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

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

WinIE6.0 Opera7.51標準モード