1

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

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

并且 config.rb 将图像文件夹作为“图像”，它工作正常。

但是，当我查看生成的 CSS 时，我得到以下结果，导致 404：

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

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

有任何想法吗？

4

1 回答 1

3

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

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

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

@import "quiz/*.png";

事实证明，Compass 已经将图像文件夹前缀添加到生成的 spritesheet 中，并且当relative_assets = true标志未注释时将添加“../” 。

希望这可以帮助那里的人：D

于 2013-12-29T23:43:10.923 回答