较少的CSS URL变量始终在变量输出之前显示服务器基本URL

Question

考虑这个LESS代码:

#login-form-submit {
    @base-url: "/webshop/rsc/img";
    background-image: url("@{base-url}/icons/login.png");
}

输出CSS是:

#login-form-submit {
    background-image: url("http://localhost:8080/webshop/rsc/css/specific//webshop/rsc/img/icons/login.png"); 
}

有人知道为什么会这样吗？如果我放弃变量并直接使用字符串,则CSS按预期输出.(没有完全限定的URL.)

运行的服务器是jBoss EAP 5.

Answer 1

遗憾的是,如果字符串以插值变量开头,则LESS将相对URL应用于开头存在问题.你可以这样:

#login-form-submit {
  @url: "webshop/rsc/img";
  background-image: url("/@{url}/webshop/rsc/img");
}

有关详细信息,请参阅此问题.