アンカーにボーダーを設定するとアンカーとして機能しなくなる

症状

アンカーに対してボーダーを設定すると、マウスクリックに反応しないなどアンカーとしての機能を失う。

例示

赤色実線のボーダーを設定しています。リンクが機能するか試してください。

スクリーンショット

N7.1N7.1での表示

NN4.8NN4.8での表示

補足

a:link擬似クラスで border: 0; を上書きすることでこのバグを回避できます。

<style type="text/css">
a.sample {
  border: 2px solid red;
}
a.sample:link {
  border: 0;
}
</style>

<p><a href="../nn4x.html" class="sample">NN4バグリスト</a></p>

しかし、 border: none; を上書きしてもこのバグは回避できません。

修正状況

NN4.8で不具合の発生を確認しました。

スポンサーリンク

関連記事

スポンサーリンク

li要素の子孫にリスト要素があるとリストマークが上方にずれる

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

上に戻る