指南针+ CodeKit图像精灵奇怪（错误）

Question

创建spritesheet CodeKit时，我有以下SCSS：

@import "../images/quiz/*.png";
@include all-quiz-sprites;

和config.rb将images文件夹作为“images”工作正常。

然而，当我查看生成的CSS时，我得到以下内容，结果是404：

.quiz-sprite {
    background: url('/images/../images/quiz-s2c8de87230.png') no-repeat; 
}

Codekit或Compass正在生成一个额外的“/ images /.." - 当我从CSS中手动删除它时，它会在创建spritesheet时正确定位spritesheet。 /images/quiz-s2c8de87230.png

有什么想法吗？

Answer 1

为了解决这个问题，我最后更改了config.rb以反映以下内容（启用相对资产）：

# To enable relative paths to assets via compass helper functions. Uncomment:
relative_assets = true

然后从我的SCSS文件中删除“images”前缀：

@import "quiz/*.png";

原来，Compass已经将 images 文件夹前缀添加到生成的spritesheet中，并在取消注释 relative_assets = true 标志时添加“../”。

希望这有助于那里的人：D