2012-09-14 10 views
9

config rbがデフォルト値を実行しています。 フォルダ構造もデフォルトの構造です。コンパスがスプライトに間違ったパスを与えています

私のscssファイルにあります。これに先立ち

@import "icons/*.png"; 

@mixin sprite_css($name) { 
@include icons-sprite($name); 
height: icons-sprite-height($name); 
width: icons-sprite-width($name); 
display:block; 
} 


.btn {@include sprite_css(deltag);} //deltag is the name of a png image in the sprite. 

私はここで、アイコン と呼ばれる、画像フォルダの下にフォルダを作った私は中にすべての私のPNGファイルを置く。

を生成したCSSコードは次のようになります。バックグラウンド・パスは、インフロントimagesフォルダの末尾のドットなしに設定されている

.icons-sprite, .icons-deltag, .icons-deltag_grey, .icons-deltag_mouseover, .icons-facebook_del, .icons-faneblad, .icons-soegefelt, #container .btn, #container .btn_over { 
background: url('/images/icons-s93e62b2fff.png') no-repeat; 
}` 

予告、スタイルシートフォルダに配置されたので、私のCSSfileは、今では明らかにファイルがありませんが、スタイルシートフォルダ内の画像フォルダを探していますロードされる。とにかくこれを変えるようだ。 config rbをrelative_assets = trueに変更しても動作しません。

私は、CSSファイルでスプリントを指すようにします。

background: url('../images/icons-s93e62b2fff.png') no-repeat; 

これは正しいパスです。これをどのように達成できますか?

+2

更新:コマンドプロンプトとすべてのファイルを閉じて休憩しました。 コンパスをもう一度起動してコンパスを実行したとき、それはうまくいきました。だからrelative_assets = trueが実際に動作するのですが、コンパスを先に再起動する必要があります。 –

答えて

4

Compass config.rbファイルは、Compassコマンドを実行するたびに読み込まれます。 compass watchを実行している場合は、プロセスを終了してからもう一度起動して、config.rbファイルへの変更をリロードする必要があります。

関連する問題