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.
在此之前,我在 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;
}`
请注意,背景路径设置为没有图像文件夹前面的尾随点,因此我放置在样式表文件夹中的 CSS 文件现在正在样式表文件夹中查找图像文件夹,因此显然没有加载文件。无论如何,我似乎无法改变这一点。将配置 rb 更改relative_assets = true
为不起作用。
我希望 css 文件将 sprint 指向。
background: url('../images/icons-s93e62b2fff.png') no-repeat;
那是正确的路径,我该如何实现?