2012-09-14 62 views
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. 

在此之前我所做的图片文件夹下的文件夹,名为图标 在这里,我把我所有的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; 
}` 

通知后台路径设置没有小圆点盈图像的文件夹,所以我CSSfile被放置在样式表文件夹现在正在寻找的样式表文件夹内的图像文件夹,如此明显的文件不加载。无论如何,我似乎无法改变这一点。更改配置rb到relative_assets = true不起作用。

我想让css文件指向sprint。

background: url('../images/icons-s93e62b2fff.png') no-repeat; 

这是正确的路径,我该如何做到这一点?

+2

更新:我关闭了我的命令promt和所有文件休息。 当我再次启动指南针并执行指南针 - 观察它一切正常,所以我猜想relative_assets = true确实可以工作,您只需先重新启动指南针即可。 –

回答

4

指南针config.rb每次运行Compass命令时都会加载该文件。如果您正在运行compass watch,则必须退出该过程,然后再次启动它以重新加载对config.rb文件的更改。