« リバティーン | メイン | リンダ姉さん »

Firefox1.5で長い点線を出さない方法

Firefox1.5ユニバーサルバイナリが発表されてインストールしてから数日、自分の作ったサイトで画像置換を使ったリンクをクリックすると、フォーカスされた点線が画面外に向かって表示されてしまう事に気づいた。

どうやらtext-indent: -9999px;で画面外に飛ばしたテキストを拾ってるらしいのは分かるのだが、対処方法に困っていたらFsikiさんの所に記事が載っていた。

aタグのoverflowプロパティにhiddenを指定すればOKらしいとの事で試すと見事に消えました♪Mac IEのoverflowプロパティにvisible以外を指定すると要素が表示されないバグを回避するためにバックスラッシュハック(/*¥/ 〜 /**/)を使えば完璧。いや助かりました。

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

トラックバック

このエントリーのトラックバックURL:
http://www.nk0206.com/mt/mt-tb.cgi/238

コメントを投稿

iTunes Play List

Now Playing...

Recent Playing...

RSS2.0 ATOM
RSD  
Powerd by Movable Type