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

Posted by poundhound on

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

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

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

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

Categories: CSS, Categories: Web Tags: ,

Comment(0) | Trackback(0)

Category:CSS の最近の記事

Trackback(0)

Trackback URL: http://www.nk0206.com/mt5/mt-tb.cgi/230

Leve comment

About Author

poundhound

poundhound
web-designer
  • del.icio.us
  • flickr
  • Last FM
  • tumblr

twitter

Recent Tweet

    follow me on twitter

    Life Log

    • twilog
    • twitpic
    • pick