0

sass 画像スプライトと span タグを使用して画像を作成しています。現在、これらの画像のサイズを変更する際に問題が発生しています。usingbackground-sizeは、選択したスプライトだけでなく、スプライト アトラス全体に何らかの形で適用されるようです。

スプライト画像のサイズを変更するにはどうすればよいですか?

コード例、次のようにスプライトをセットアップします。

@import "compass/utilities/sprites/sprite-img";
@import "icons/*.png";
@include all-icons-sprites;

そして、クラスタグでそれらを使用するか、scss ファイルでそれらを直接言及する新しいクラスを作成します。

.more span.right-icon {
  @include icons-sprite('item-more');
}
4

1 に答える 1

0

これを回避する方法はありません。画像は全体として考慮され、スプライトは論理的な内部ガイドにすぎません。

ただし、それぞれimage-positionに適用する変更に応じて を再計算できますbackground-size

于 2013-02-28T09:24:37.340 に答える