考虑这个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/
#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.