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; 

                  }

バックグラウンドのアウトは で開始する必要がありますが、 で../直接開始する必要はありません/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"

サスとコンパスは初めてなので、コードが不足している可能性があります。それを見つけるのを手伝ってください。どんな助けでも大歓迎です。リプライヤーの皆様、よろしくお願いいたします。

4

1 に答える 1

11

これをあなたに追加してくださいconfig.rb：

relative_assets = true

(ドメインのルートからこれを提供していないと仮定しています。それ以外の場合は必要ありません。経由でページを表示していますfile://か?)

于 2012-12-28T08:12:11.377 に答える