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

Question

这在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每个背景图像生成的自动？

Answer 1

您应该使用image-url URL帮助程序.它"生成相对于项目图像目录找到的资产的路径",您在其中定义了该路径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')