LessCss导入失败，包含url和anchors

Question

我正在尝试导入.less文件并在我的主要文件中添加一些背景图片。代码是（客户端）：

@import "child";

.image{
    background-image:url("image.png");
}

从网址调用Less文件：

http://localhost/mywebsite#/root. 

将导入编译为：

http://localhost/mywebsite#/root//localhost/mywebsite#/root//mywebsite/child.less

背景图片网址：

http://localhost/mywebsite#/root//localhost/mywebsite#/root//mywebsite/image.png

Answer 1

如果没有实例，很难确定代码加载的路径。

确保使用正确的路径加载文件：

<link rel="stylesheet/less" type="text/css" href="styles.less">

所有.less CSS值都将相对于该网址加载。

您也可以尝试使用：

.image{
    background-image:url("/image.png");
}

如果所有其他方法都失败了，您可以始终使用图像的绝对路径

.image{
    background-image:url("http://localhost/mywebsite#/root/image.png");
}