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')

原文地址：https://www.jb51.cc/css/216602.html