画像置換の際のCSSテクニックとして広く用いられている(た)[text-indent:-9999px;]ですが、そろそろ自分も改めようと思います。 text-indent:-9999px;の使い方 まずはおさらい。 適当な画像、hoge.pngを用意 HTML <h1 class="hoge">画像置換される部分</h1> CSS .hoge{ width:400px; height:100px; display:block; text-indent:-9999px; background-image:url(hoge.png); } DEMO 現状当サイトでもこの方法で画像置換を行なっています。 では、この方法の問題点。 ブラウザが9999pxのボックスを書きだす -9999pxを指定しているため、ブラウザが9999pxのボックスを作っているという点。 無駄な書き出しを行なっている