2012-01-26 10 views
14

Questo è menzionato nel file di config.rbLe immagini di sfondo in Sass e Compass

images_dir = "images" 

Io uso cartella 2 per le immagini nei miei progetti all'interno delle immagini della cartella

images 
images/background/ 
images/content/ 

Se le immagini sono dentro Cartella images/background/ quindi come dovrei aggiungere il percorso per l'immagine in css background e le variabili Sass?

$header-img: "sass.gif"; 

e

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

E come sbarazzarsi di questa auto generato ?1327592426 da ogni immagine di sfondo?

risposta

33

È necessario utilizzare image-urlURL helper. Esso "genera un percorso per una risorsa trovata relativa alla directory delle immagini del progetto" che hai definito nel tuo config.rb. È anche possibile impostare il terzo parametro $cache-buster a falso per rimuovere il generato ?1327592426

Sass: CSS

// 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 

Generated:

background-image: url('images/background/sass.gif') 
+1

+1 Grazie per la risposta. dove impostare $ cache-buster su false? –

+0

se uso '$ header-img: image-url ('background/sass.gif', false, true)' restituisce 'background-image: url ('/ images/url ('/images/background/sass. gif ')'); ' –

+0

Risposta appena aggiornata per essere più chiara sull'uso di $ header-img. Se vuoi definire 'background-image' nel tuo Sass usando' url() ', imposta il secondo argomento su' true'. Quindi, si dovrebbe scrivere 'background-image: url ($ header-img)' in Sass – maxbeatty

Problemi correlati