compass-sass - 为什么我的 compass Sprite 走错了路

Question

使用 compass 创建 Sprite 时，screen.css 中主 Sprite 图像的路径出错，因此我看不到图像。

我的 scss 代码是

@import "compass";
@import "spr/*.png";
 h1 { @include spr-sprite("car");  height:50px; width:50px; }

我的 Sprite 的 css 输出

.spr-sprite, h1 {  background: url('/images/spr-sa37328aec0.png') no-repeat; }
h1 {  background-position: 0 -147px;  
height: 50px; 
width: 50px;
overflow: hidden; 
text-align: left; 

                  }

可以看到退出后台应该是 ../开头的但不能直接与 /images/ .它创造了一个问题。
我的图像文件夹路径

images
 ------spr
          ---*.png
sass
-----screen.scss
css
---screen.css

我的 config.rb 代码

# Require any additional compass plugins here.
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"

我是 sass 和 compass 的新手，所以我可能缺少一些代码。请帮我找出来。
任何帮助将不胜感激。非常非常感谢提前回复。

Answer 1

将此添加到您的 config.rb :

relative_assets = true

(我假设您不是从域的根目录提供此服务，否则不需要它。您是否通过 file:// 查看页面？)