web-dev-qa-db-ja.com

SassとCompassの背景画像パス

これはconfig.rbファイルで言及されています

images_dir = "images"

画像フォルダ内のプロジェクトの画像に2つのフォルダを使用します

images
images/background/
images/content/

images/background/フォルダー内に画像がある場合、css backgroundおよびSass変数に画像のパスを追加するにはどうすればよいですか?

$header-img: "sass.gif"; 

そして

background-image: url('sass.gif?1327592426');

各背景画像からこの自動生成された?1327592426を取り除く方法は?

15
Jitendra Vyas

image-urlRLヘルパー を使用する必要があります。 config.rbで定義した「プロジェクトの画像ディレクトリを基準にして見つかったアセットへのパスを生成」します。 3番目のパラメーター$cache-busterをfalseに設定して、生成された?1327592426を削除することもできます。

サス:

// image-url arguments:
// $path: path relative to images directory in config.rb
// $path-only: if true, will cause only the path to be returned instead of a `url()` function
// $cache-buster: When set to `false` no cache buster will be used (i.e. `?313420982`)
$header-img: image-url('background/sass.gif', false, false)
background-image: $header-img

生成されたCSS:

background-image: url('images/background/sass.gif')
35
maxbeatty