kawama.jp

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

カテゴリ: CSS — タグ: , , — 2010年7月2日 21:58 — Comments (0)hatebu count

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

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

伸びる
伸びる

伸びない
伸びない

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

コメントはまだありません »

No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment

Copyright (C) 2002 - 2017 kawama All Rights Reserved. — Powered by WordPress