0

我有一个关于使用指南针模式在“高级”精灵中创建的小问题。当我说“高级模式”是将精灵存储在变量中时,我更喜欢这种方法:)

无论如何,我的问题是我无法将图像自定义为一半。让我解释:

托管空间,图标和布局的位置,没问题。但是,它针对的是我遇到问题的单个图标。根据文档指南针,只需执行以下操作:

$sprite: sprite-map("sprite/*.png",
        $layout: vertical,
        $spacing: 50px,
        $position: 50%,
        $facebook-position: 100%); // position icon facebook, don't work

但它不起作用,无论是使用 $facebook-position 还是 $facebook-spacing,该图标都不会移动 :(

用户指南针高级拖动在这里吗?:D

谢谢 :)

4

1 回答 1

0

在某些时候,我遇到了类似的问题,如果我没记错的话,如果我使用地图(文件夹)名称作为前缀(在您的示例中$sprite-facebook-position而不是仅$facebook-position),它对我有用。

根据当前Compass 文档中的示例(也在此处) ,这显然不是应该的样子- 但也许它是在一些旧版本的 Compass 中,我不记得了 - 所以希望它能解决你的问题。

另请注意,您的设置可能不会影响 sprites-map 上的第一个(相应的)精灵。因此,如果您调整spacing第一个精灵的位置,它只会改变所有后续精灵的位置。并且例如在position以百分比设置的垂直精灵布局上,如果所有精灵具有相同的宽度,则不会改变任何内容。这两个是设置可能起作用的示例,但您看不到效果。

于 2013-11-10T01:42:42.830 回答