7

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

我的scss代码是

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

我的精灵 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; 

                  }

可以看到 out of the background 应该..//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 的新手,所以我可能缺少一些代码。请帮我找出来。任何帮助将不胜感激。非常非常感谢提前回复。

4

1 回答 1

11

将此添加到您的config.rb

relative_assets = true

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

于 2012-12-28T08:12:11.377 回答