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

作者:互联网

2026-04-08

HTML教程
考虑这个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.

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

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

有关更多信息,请访问see this issue.