web-dev-qa-db-fra.com

Chemin des images d'arrière-plan dans Sass et Compass

Ceci est mentionné dans le fichier config.rb

images_dir = "images"

J'utilise 2 dossier pour les images dans mes projets à l'intérieur du dossier images

images
images/background/
images/content/

Si des images se trouvent à l'intérieur images/background/ dossier alors comment ajouter le chemin de l'image dans les variables css background et Sass?

$header-img: "sass.gif"; 

et

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

Et comment se débarrasser de cette génération automatique ?1327592426 de chaque image d'arrière-plan?

15
Jitendra Vyas

Vous devez utiliser le image-urlAide URL . Il "génère un chemin vers un actif trouvé par rapport au répertoire d'images du projet" que vous avez défini dans votre config.rb. Vous pouvez également définir le troisième paramètre $cache-buster à false pour supprimer le ?1327592426

Toupet:

// 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 généré:

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