4

Compass を使用して Sencha Touch Web アプリを作成しています。inline-url を試してみましたが、私の画像は巨大なので、代わりにそれらをスプライトに移動しようとしています (そして、背景サイズで再利用します)。

現在、インライン画像は単一のファイルであるため、スケーリングできます。スプライトには、スプライトの作成時に生成される位置があります。background-size を使用してスプライト サイズを変更する場合は、位置も変更する必要があります。

スプライトのインデックスを取得することはできますか? 次にbackground-size: 50px、index is 3それが必要な場合、新しい背景位置は0 150px;

コンパスがスプライト内の各アイテムのインデックスを格納または取得する場所については何もわかりません。私の画像は「A」で始まるため、フォルダーの最初であり、SCSS で最初に参照されますが、インデックスは 3 であるため、これを解決する方法がわかりません。

4

1 に答える 1

3

私はこれを見つけました 。

私はこのように使用しています：

$logo-spacing: 20px;
@import "logo/*.png";
@include all-logo-sprites;

.logo-brand {
    $spriteName: brand;
    $percentage: 40;

    @include resize-sprite($logo-sprites, $spriteName, $percentage);
}

これがあなたの質問に答えているかどうかはわかりません。

于 2013-01-03T05:14:30.273 に答える