[CSS]背景画像を使用しないCSSスプライトのテクニック

<textarea name="code" class="html" cols="60" rows="5"> <div class="affiliates"> <a href="#"><img src="rokkan.gif" alt="" /></a> <a href="#"><img src="designcubicle.gif" alt="" /></a> </div> </textarea>

[sakenomi]

イメージのスプライト

[blanc2005]

おもしろい

[dreamily]

背景画像を使用せずに、img要素に直接配置した画像でCSSスプライトを実装するテクニック。CSS3のtransitionを使用し、スライドするエフェクトを加えたテクニックも紹介されています。

[toaruR]

印刷が必要な際など、マイナスmarginやpositionでやる。IEで1ドット未満のビミョーな謎のズレが出ることも。

[nors]

http://www.sohtanaka.com/web-design/css-sprites-wout-background-images/

[masia02]

RT [CSS]背景画像を使用しないCSSスプライトのテクニック

[kivatorial23]

今後使いそう

[take-june]

imgで配置してあげたいときと、cssで処理したいときがありますよね。 RT @saraba これに思い至ってなかった自分に腹がたった。タイトルみた時点でわかったのに。→[CSS]背景画像を使用しないCSSスプライトのテクニック

[Donca]

✔ [CSS]背景画像を使用しないCSSスプライトのテクニック