固定配置ボックス内のアンカーに対するマウスオーバー効果が効かない

症状

アンカー自体またはアンカーを含む要素を固定配置ボックス(position: fixed;)にすると、:hover擬似クラスや通常のマウスオーバー効果(マウスポインタの変化、ツールチップ(title属性)の表示、ステータスバーへのリンク先URI表示)が消失する。また、MacIE5.0ではマウスクリックでリンクをたどることができなくなる場合がある(補足参照)。

例示

<style type="text/css">
a:hover {
  background: aqua;
}
</style>

<div style="position:fixed; left:5px; top:5px;">
<a href="../macie.html" title="MacIEバグリスト">MacIE目次</a>
</div>

アンカーにマウスポインタ等を乗せて:hover擬似クラスなどの効果が現れるか確認してください。

スクリーンショット

N7N7.02での表示(標準モード)

補足

MacIE5.0ではマウス操作でリンクをたどることが困難になる場合があります。この現象はMacIE5.1以降では発生しません。

  • アンカーを含む要素を固定配置した場合は、ページをスクロールするとマウスクリックが効かなくなります。スクロールバーが上端にある状態でのみマウスクリックに反応します
  • アンカー自体を固定配置した場合は、固定配置前の位置と配置後の位置とで表示位置が重なる部分でのみマウスクリックに反応します。

詳しくは飛べない fixedを参照してください。

修正状況

MacIE5.0以降で不具合の発生が確認されています。

関連記事

スポンサーリンク

scrollbar-face-color スクロールバーの表面の色を指定する

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

上に戻る