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文件中调用sprite的方法：

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

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

感谢您的帮助。

Answer 1

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

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

relative_assets = true

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

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

1 个答案: