当我试图创建一个精灵时,使用指南针,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 的新手,所以我可能缺少一些代码。请帮我找出来。任何帮助将不胜感激。非常非常感谢提前回复。