LessCss 导入失败，带有 url 和锚点答案

【问题标题】：LessCss imports failed with url and anchorsLessCss 导入失败，带有 url 和锚点
【发布时间】：2011-10-15 22:07:23
【问题描述】：

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

@import "child";

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

从 URL 调用 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

【问题讨论】：

【解决方案1】：

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

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

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

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

您也可以尝试使用：

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

如果一切都失败了，你总是可以使用图像的绝对路径

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

【讨论】：