Css 指南针-精灵图像缩放

Css 指南针-精灵图像缩放,css,sass,compass-sass,Css,Sass,Compass Sass,我正在使用Compass创建Sencha Touch web应用程序。我尝试过内联url,但我的图片太大了,所以我想把它们移到一个精灵中(并与背景大小一起重复使用) 目前,我的内联图像可以缩放,因为它们是单个文件。 精灵具有在创建精灵时生成的位置。当您使用背景大小更改精灵大小时,还需要更改位置 有可能获取精灵的索引吗?然后我可以说,如果我希望它是背景大小:50px并且索引是3,那么新的背景位置是0 150px 看不到任何有关compass在sprite中存储或获取每个项的索引的信息。我的图像以“

我正在使用Compass创建Sencha Touch web应用程序。我尝试过内联url,但我的图片太大了,所以我想把它们移到一个精灵中(并与背景大小一起重复使用)

目前,我的内联图像可以缩放,因为它们是单个文件。 精灵具有在创建精灵时生成的位置。当您使用背景大小更改精灵大小时,还需要更改位置

有可能获取精灵的索引吗?然后我可以说,如果我希望它是
背景大小:50px
并且
索引是3
,那么新的背景位置是
0 150px


看不到任何有关compass在sprite中存储或获取每个项的索引的信息。我的图像以“A”开头,所以是文件夹中的第一个,在我的SCS中是第一个引用的,但它的索引是3,所以我不确定如何解决这个问题。

我发现了这个问题,这在某种程度上帮助了我:

我是这样使用它的:

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

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

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

但不确定这是否回答了您的问题。

您是否可以使用精灵中图像的原始位置,并使用与调整背景大小相同的因子进行调整?您能否详细说明解决方案的作用?Thanks@cwiggo看一看。我就是从这里来的。我想重用现有的sprite地图来显示缩小的品牌徽标。所以我不需要两张精灵地图。