[CSS]CSS Spritesに利用できる画像置換の実装例いろいろ | コリス

複数の画像を一枚にまとめて、スタイルシートで背景画像として指定するCSS Spritesに利用できる画像置換の実装例の紹介です。 画像置換する際には、CSSオフ時・画像オフ時・印刷時・音声ブラウザ対応・空タグ使用などを考慮する必要があります。 備考 コードは、参考サイトからサイズ指定などを変更しています。 画像置換元は、全てH3要素になっています。 H3は、テキスト(見出しのテキスト)もしくは画像(印刷用の見出し画像)です。 ブラウザに「背景画像」が表示されていれば、期待通りの動作です。 使用している画像は、次の通りです。 背景画像 印刷用の見出し画像 1pxの透過画像 名称は、Revised Image Replacementを参考にしています。 サンプル:01 -Classic FIR デモページ <textarea name="code" class="html" cols="60"

[moromoro]

結構つかえるの

[hisamaki]

CSSスプライトあれこれ

[caligo]

CSS Spritesに利用できる画像置換の実装例いろいろ。

[sankaseki]

[CSS]CSS Spritesに利用できる画像置換の実装例いろいろ | コリス

[wacky]

CSSによる画像置換（FIR）の実装サンプル集。

[mossamossa]

cssスプライト[*web制作]