2012-01-26 3 views
14

Это упоминается в config.rb файлеФоновые изображения в Sass и компас

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 от каждого фонового изображения?

ответ

33

Вы должны использовать image-urlURL helper. Он «генерирует путь к активу, найденному относительно каталога изображений проекта», который вы определили в своем config.rb. Вы можете также установить третий параметр $cache-buster ложь, чтобы удалить сгенерированный ?1327592426

Sass:

// 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') 
+1

+1 Спасибо за ответ. где установить $ cache-buster в false? –

+0

, если я использую '$ header-img: image-url ('background/sass.gif', false, true)' он дает 'background-image: url ('/ images/url ('/images/background/sass. gif ')'); ' –

+0

Только что обновленный ответ, чтобы быть более четким в использовании $ header-img. Если вы хотите определить 'background-image' в вашем Sass, используя' url() ', установите второй аргумент' true'. Затем вы должны написать 'background-image: url ($ header-img)' в Sass – maxbeatty

Смежные вопросы