text-indentを使用せずに画像置換【CAMU - Webデザインのネタ】以前書きました「text-indent:-9999;」を使用すると、FireFoxリンク時のはみ出した点線が表示される問題がありました。 CSSでFirefoxのはみ出したリンク点線を消すなんか面倒くさいなってことで、今回はoverflow:hiddenを使用して画像置換します。 今回の方法では、FireFoxのリンク点線の問題もなく使いやすいと思います。 CSSのサンプルa { width:400px; height:0; padding-top:250px; /* 要素の高さ */ background:url(images/hoge.jpg) no-repeat; overflow:hidden; display:block; } 「height:0;」と「padding-top:250px;」とすることで、文字は250px下に表示されることになります。 そして、そ
