path - LESS 防止 less 添加相对 url

Question

我在 MVC 项目上使用 dotLess，但无法从导入的 less 文件中添加 url('') 路径。

我有以下更少的代码:

@myvar : '../../';

body
{
    background-image:url('@{myvar}chosen-sprite.png');
}

在主 .less 文件中生成以下 css，这是正确的:

body {
    background-image: url('../../chosen-sprite.png');
}

问题是，如果我将此代码移动到不同文件夹上的第二个 .less 文件，然后从主 less 文件导入该文件。例如:

@import 'myFolder/mySecondfile.less

现在生成的 CSS 如下所示:

body {
    background-image: url('myFolder/../../chosen-sprite.png');
}

有什么办法可以防止“myFolder”显示在那里？我知道我可以只写绝对路径，但这意味着每次访问站点根目录时都要更改地址(这在测试时经常发生)。

谢谢

Answer 1

我不确定你是否得到了答案，但你可以转义字符串。

.body {
  background-image: ~"url('chosen-sprite.png')";
}

注意样式的整个 url 参数周围的波浪号和引号。如果您想了解更多信息，请查看 String Interpolation和 Escaping Strings .