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.

在此之前,我在 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; 

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

4

1 回答 1

4

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

于 2013-02-09T20:02:06.183 回答