sass中的静态图像路径

Question

你可以随时做到这一点。您为图像路径创建变量，然后您可以在后台URL中插入图像路径。我怎样才能在SASS中做到这一点？

@static-path:           "../../static";
background: url("@{static-path}/img/bg-header.jpg") repeat-x left bottom;

Answer 1

在SASS中，我们用$定义变量。

因此定义名为path $img_path: "../../static";的变量。

然后使用名为interpolation（sass docs）的东西：

background: url("#{static-path}/img/bg-header.jpg") repeat-x left bottom;

在项目中使用COMPASS时，可以使用image-url（）而不是url（），它会从COMPASS配置文件中获取图像路径。