css – Sass和Compass中的背景图像路径

前端之家收集整理的这篇文章主要介绍了css – Sass和Compass中的背景图像路径前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这在config.rb文件中提到
images_dir = "images"

我在图像文件夹中的项目中使用2个文件

images
images/background/
images/content/

如果任何图像在图像/ background /文件夹内,那么我应该如何添加图像的路径在CSS背景和Sass变量?

$header-img: "sass.gif";

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

而如何摆脱这个自动生成的?1327592426从每个背景图像?

解决方法

您应该使用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')

猜你在找的CSS相关文章