在Sass和指南针的背景图象道路

时间:2012-01-26 16:18:43

标签: css ruby compass-sass sass

这在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

1 个答案:

答案 0 :(得分:35)

您应该使用image-url URL helper。它“生成相对于项目图像目录找到的资产的路径”,您在config.rb中定义了该路径。您还可以将第三个参数$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')