[CSS]背景画像を使用しないでCSSスプライトのような効果を得るスタイルシート | コリス

Jennifer Semtner.comのエントリーから、背景画像を使用しないで、CSSスプライトのように複数の画像要素を一枚の画像で表示するスタイルシートを紹介します。 extending css spriting 仕組みを簡単に説明すると、「clip:rect」で指定箇所のみ表示するというものです。 利点としては、IE6 PNG fixとの共存、背景を印刷可にしなくても印刷可などが挙げられています。 サンプルのコードでは画像をdivで囲っていますが、コメントよりaで囲むパターンが追記されています。 HTML <textarea name="code" class="html" cols="60" rows="5"> <p><a class="menu-contact" href="http://www.jennifersemtner.com/wp-content/uploads/200

[julia28df]

利点としては、IE6 PNG fixとの共存、背景を印刷可にしなくても印刷可などが挙げられています。

[kkeisuke]

IE6 PNG fixとの共存

[boyasan]

背景印刷は使えそうな

[saladdays]

恥ずかしながらclipというプロパティを初めて知った。これはおもしろい。