画像置換のやり方
ファーク式
text-indent: -9999px;
よく見かける(-10000pxとか)
だが、その分領域を確保しちゃうので、パフォーマンス面では問題があります。
IE6~大丈夫
ケラム式
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
ケラムさんが提案したものだからケラム式。
ファーク式よりパフォーマンスが上がるとか。
IE6~大丈夫
画像置換する際に起こりうるエラー
画像置換したはずの文字が右から少し見えてしまっている
【見るところ】
その横幅、それか、それを囲う横幅が小さくなっていると、
見える領域に入ってきて表示されてしまう。ので、横幅チェックをしてみる。