Question

使用指南针当我试图创建一个精灵时，screen.css中主精灵图像的路径出错了，因为我无法看到图像。

我的scss代码是

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

我的精灵输出精灵

.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和指南针不熟悉，所以我可能会错过一些代码。请帮我找出来。任何帮助将不胜感激。非常感谢提前回复。

Answer 1

将此添加到您的config.rb：

relative_assets = true

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

为什么我用罗盘精灵得到了错误的道路

1 个答案: