css – 有没有办法为LESS文件设置公共图像路径?

前端之家收集整理的这篇文章主要介绍了css – 有没有办法为LESS文件设置公共图像路径?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用 LESS造型语言。

考虑下面的CSS:

.side-bg
{
    background:url(../img/layout/side-bg.jpg) top no-repeat;    
}

现在我的所有图像都在文件夹../img/我想要能够设置一个变量作为图像路径,并使用它像这样:

@image-path: ../img;

.side-bg
{
    background:url(@image-path/layout/side-bg.jpg) top no-repeat;   
}

但这不工作。它不是一个巨大的交易,我可以总是使用find和replace如果图像文件夹改变了。我只是开始学习LESS,并想知道这样的东西是否可能。

解决方法

尝试使用字符串插值这样的东西。在 docs中查找“可变插值”。
@base-url: "http://assets.fnord.com";
background-image: url("@{base-url}/images/bg.png");

猜你在找的CSS相关文章