2012-05-26 1 views
5

コンパスを使用してスプライトを作成しています。スプライトが作成されていますが、cssの出力がimagesディレクトリの間違った場所を指しています。スプライトを作成するときにコンパスが画像の前にスラッシュをスクロールする

出力は次のとおりです。

.menu-sprite, .menu-about, .menu-art, .menu-drum, .menu-links, 
.menu-music, .menu-science, .menu-writing { 
    background: url('/images/menu-sb7e36b009c.png') no-repeat; 
} 

が、私はそれになりたい:ここ

.menu-sprite, .menu-about, .menu-art, .menu-drum, .menu-links, 
.menu-music, .menu-science, .menu-writing { 
    background: url('images/menu-sb7e36b009c.png') no-repeat; 
} 

は私のconfib.rbのセットアップです:

http_path = "/" 
css_dir = "." 
sass_dir = "sass" 
images_dir = "images" 
javascripts_dir = "js" 

、ここでは、IMが呼び出す方法です私のscssファイルのスプライト:

@import "compass/utilities/sprites/base"; 
@import "menu/*.png"; 
@include all-menu-sprites; 

何が間違っていますか?最初のスラッシュを画像の前で削除するにはどうしたらいいですか?

ありがとうございました。

+3

答えが見つかりました。ちょうど追加する必要があります 'relative_assets = true' confib.rb – abelb

答えて

6

デフォルトでは、コンパスは絶対パスをすべてのアセットに使用します。

、この動作を変更するあなたのconfig.rbに次の行を追加するには:

relative_assets = true 

そうでない場合、また、あなたの展開サーバー上のプロジェクトサイトを指すように「http_path」オプションを変更することができます。

+0

私はちょうどあなた自身の質問にすでに答えていることに気づきました。私の悪い... –

関連する問題