制作精灵时，指南针在图像前面加上了正斜杠

Question

我正在使用Compass创建精灵图。精灵图已经被创建了，但是CSS输出指向的图片目录位置不正确。

输出结果如下：

.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文件中调用精灵图的方式：

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

我做错了什么？如何去掉图片前面的第一个斜杠？

感谢任何帮助。

- abelb

---

我找到了答案，只需要在config.rb中添加relative_assets = true - abelb

Answer 1

默认情况下，Compass对所有资源使用绝对路径。

要更改此行为，请在config.rb中添加以下行：

relative_assets = true

否则，您也可以将“http_path”选项更改为指向部署服务器上您的项目站点所在的位置。

- Clark Pan