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

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

アンカー自体またはアンカーを含む要素を固定配置ボックス(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="./">リンク</a></div>

実際の表示については検証ページをご覧ください。

スクリーンショット

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

補足

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

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

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

修正状況

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

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

Search
オススメ書籍
Feeds

Return to page top