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 コードは次のようになります。
.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;
}`
バックグラウンド パスがイメージ フォルダーの末尾のドットなしで設定されていることに注意してください。そのため、スタイルシート フォルダーに配置された CSS ファイルは、スタイルシート フォルダー内のイメージ フォルダーを探しているため、明らかにファイルは読み込まれません。とにかくこれを変えることはできないようです。config rb を変更しても機能しrelative_assets = trueません。
css ファイルがスプリントを指すようにします。
background: url('../images/icons-s93e62b2fff.png') no-repeat;
それは正しい道ですが、どうすればこれを達成できますか?