CSS » WEBディレクター奮闘記

Firefoxでリンクをクリックした時の点線を消す

以前からFirefoxでリンクをクリックをした時にでる点線が気になってましたが、Firefoxの使用だから仕方が無いと思ってました。

しかしひょんな事から、実は点線は消せるらしいと知り、調べた結果to-Rさんが公開しているリンクをクリックした際に表示される点線を消す方法でやってみました。

a:focus{
outline:none;
}

これを記述するだけで解決しました。

IEには視覚効果用の独自のフィルタ（DirectX関数）が存在し、そのうちの『AlphaImageLoader()』を使って透過PNGを表示させるテクニックです。

しかしこのやり方には少し問題があり、img要素に直接指定が出来ずdiv要素などので囲ってimgを非表示にして、div要素の中に画像を別に表示させるやり方になる。

<div id="png">
   <img src="touka.png" />
</div>

透過PNGを指定したimgをブロック要素で囲みHTMLを作成します。