小编Mar*_*sen的帖子

指南针给了我错误的精灵之路

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.
Run Code Online (Sandbox Code Playgroud)

在此之前,我在images文件夹下创建了一个文件夹,在这里称为图标我将所有的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;
}`
Run Code Online (Sandbox Code Playgroud)

注意背景路径设置没有图像文件夹前面的尾随点,所以放在stylesheets文件夹中的CSS文件现在在stylesheets文件夹中查找图像文件夹,显然文件没有加载.无论如何我似乎无法改变这一点.将config rb更改relative_assets = true为无效.

我希望css文件指向sprint.

background: url('../images/icons-s93e62b2fff.png') no-repeat; 
Run Code Online (Sandbox Code Playgroud)

这是正确的道路,我怎样才能做到这一点?

sass compass-sass

9
推荐指数
1
解决办法
3673
查看次数

标签 统计

compass-sass ×1

sass ×1