Css 罗盘+;代码包图像精灵异常(错误)

Css 罗盘+;代码包图像精灵异常(错误),css,sass,sprite,codekit,Css,Sass,Sprite,Codekit,创建spritesheet代码包时,我有以下SCS: @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; } Codeki

创建spritesheet代码包时,我有以下SCS:

@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中手动删除此项时,它将正确地定位精灵表,因为它是在。/images/quick-s2c8de87230.png创建的


有什么想法吗?

为了解决这个问题,我最终更改了config.rb以反映以下内容(启用的相对资产):

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

@import "quiz/*.png";
事实证明,Compass已经将images文件夹前缀添加到生成的spritesheet中,并将在取消注释relative_assets=true标志时添加“./”

希望这有助于其他人:D

@import "quiz/*.png";