当前位置 : 主页 > 网页制作 > css >

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

来源:互联网 收集:自由互联 发布时间:2021-06-13
考虑这个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/
考虑这个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.

网友评论