制作精灵时,指南针在图像前面投掷正斜杠

Question

我正在使用Compass来创建精灵.正在创建精灵,但css输出指向images目录的错误位置.

输出是:

.menu-sprite, .menu-about, .menu-art, .menu-drum, .menu-links, 
.menu-music, .menu-science, .menu-writing {
    background: url('/images/menu-sb7e36b009c.png') no-repeat;
}

但我希望它是:

.menu-sprite, .menu-about, .menu-art, .menu-drum, .menu-links, 
.menu-music, .menu-science, .menu-writing {
    background: url('images/menu-sb7e36b009c.png') no-repeat;
}

这是我的confib.rb设置:

http_path = "/"
css_dir = "."
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "js"

这是我如何在我的scss文件中调用sprite:

@import "compass/utilities/sprites/base";
@import "menu/*.png";
@include all-menu-sprites;

我究竟做错了什么？如何在图像前删除第一个斜杠？

谢谢你的帮助.

Answer 1

默认情况下,指南针使用所有资产的绝对路径.

要更改此行为,请将此行添加到config.rb:

relative_assets = true

否则,您还可以更改"http_path"选项以指向部署服务器上项目站点的位置.