テキストを、text-indent:-9999px;でテキストをどかして、その下に背景画像をあてて、リンクを張る場合、firefoxだと、横方向に、点線が出てしまう。で、その点線を消す方法は、いくつかあるけど、今回はCSSを使った方法をメモ。

CSSのaタグの擬似クラスで、「a:focus」を使うといい感じ。

p a:focus{

outline:none;

}

こうすると、クリックした時に出てくる点線が出てこなくなる。

ただし、このやり方は、IEでは通用しない。でも、IEの場合は、text-indent:-9999px;を使っても、横に大きく点線が出なくて、背景画像の周りに出てくるので、そんなに目立たないから、気にする必要もないでしょう。

どうしても気になる場合は、他の方法を考えよう。