nixenekoのブックマーク / 2009年4月2日

DKIRと呼ばれるスタイルシート[CSS]でテキスト[文字]を画像に置き換える手法です。画像置換え法（IR[Image Replacement]法）対応ブラウザ Windows Internet Explorer 5以降 Windows Firefox Windows Netscape 7 Windows Opera 7以降 Windows Safari 3 Mac Internet Explorer 5 Mac Firefox Mac Netscape 7 Mac Opera 7以降 Mac Safari 特徴 CSS有効、画像無効でもテキストが表示される文字の大きさが大きくなっても大丈夫場合によって無駄タグなし欠点タグが必要になる場合もある positionを使うので癖がある透過画像は使えない詳細の解説は後日掲載します。この手法のすごいところは、現在IR法で議論され

nixeneko 2009/04/02

Web

リンク

CSSで「text-indent:-9999px;」や「display:none;」の画像置換は使ってはいけない - webデザイナーのナナメガキ

「text-indent:-9999px;」や「display:none;」でテキストをウィンドウ外に飛ばしたり非表示にして、代わりに背景画像を表示させる手法を「画像置換(Image Replacement)」というが、これには重大な欠陥があって、最近では使用が推奨されていない。 h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; text-indent:-9999px; } <h5>SITE TITLE</h5> h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; } h5 span{ display:none; } <h5><span>SITE TITLE</span></h5> 上記のようなCSSだと「CS