2010年7月3日土曜日

text-indent:-9999pxしたアンカーをクリックした時に点線が左に伸びるのを解 消

text-indent:-9999pxは最近よく使うんですが、テキストを左に9999px分移動させるため、リンクをクリックしたときに出る点線が画面左端まで伸びてしまいます。

これはoverflow:hiddenで解消できます。
↓クリックしてみてください。

伸びる
伸びる

伸びない
伸びない


しかしoverflow:hiddenはいろんなところで活躍しますね。
最近、困ったときはとりあえずoverflow:hiddenするクセがついてしまいました。

0 件のコメント:

コメントを投稿