【发布时间】:2012-09-07 11:23:36
【问题描述】:
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;
}`
请注意,背景路径设置为没有图像文件夹前面的尾随点,因此我放置在样式表文件夹中的 CSS 文件现在正在样式表文件夹中查找图像文件夹,因此显然没有加载文件。无论如何,我似乎无法改变这一点。将配置 rb 更改为 relative_assets = true 不起作用。
我希望 css 文件将 sprint 指向。
background: url('../images/icons-s93e62b2fff.png') no-repeat;
这是正确的路径,我怎样才能做到这一点?
【问题讨论】:
-
更新:我关闭了我的命令提示符和所有文件以休息一下。当我再次启动 compass 并执行 compass --watch 一切正常,所以我猜 relative_assets = true 确实有效,你只需要先重新启动 compass。
标签: sass compass-sass