less - 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";。

然后使用称为插值的东西（sass docs）：

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

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