sass - 制作精灵时，指南针在图像前面投掷正斜线

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;

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

谢谢你的帮助。

Answer 1

默认情况下，指南针对所有资产使用绝对路径。

要更改此行为，请将此行添加到您的 config.rb：

relative_assets = true

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