指南针给我错误的精灵路径

9

配置文件“config.rb”正在使用默认值。文件夹结构也是默认值。

在我的 SCSS 文件中,我这样做:

@import "icons/*.png";

@mixin sprite_css($name) {
@include icons-sprite($name);
height: icons-sprite-height($name);
width: icons-sprite-width($name);
display:block;
}


.btn {@include sprite_css(deltag);}  //deltag is the name of a png image in the sprite.

在此之前,我在图像文件夹下创建了一个名为“icons”的文件夹,将所有的png文件放到其中。
生成的CSS代码如下所示。
.icons-sprite, .icons-deltag, .icons-deltag_grey, .icons-deltag_mouseover, .icons-facebook_del, .icons-faneblad, .icons-soegefelt, #container .btn, #container .btn_over {
background: url('/images/icons-s93e62b2fff.png') no-repeat;
}`

请注意,背景路径设置时未在图像文件夹前加上省略号,因此我的放置在样式表文件夹中的CSS文件现在正在寻找样式表文件夹内的图像文件夹,所以显然文件无法加载。我似乎无法改变这种情况。将config rb更改为relative_assets = true也不起作用。
我希望CSS文件指向sprint。
background: url('../images/icons-s93e62b2fff.png') no-repeat; 

这是正确的路径,我该如何实现呢?


2
更新:我关闭了命令提示符和所有文件,休息一下。 当我再次启动Compass并执行compass --watch时,一切都正常工作,所以我想相对资源= true确实起作用,只是你必须先重新启动Compass。 - Marcel Huss-Nielsen
1个回答

4
每次运行Compass命令时,都会加载Compass配置文件config.rb。如果您正在运行compass watch,则必须退出该进程,然后再重新启动它才能重新加载config.rb文件的更改。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接