画像置換のリンク点線-CSS TIPS

画像置換のリンク点線

ボタンなどを text-indent:-9999px; を使い画像置換した場合、Firefoxでは、リンクをクリックした際に点線が画面外まで出ます。

一般的にはfocusプロパティを利用して点線そのものを消してしまいます。

a:focus{
	outline:none;
}

また、oveflowプロパティを利用してリンク領域の外にはみ出ている点線を消す方法もあります。
(MacIE5.x対策としてホーリーハックで記述)

a {
/**/
	overflow: hidden;
/**/
}