当通过子 URI 提供静态文件时，找不到更少的 css 背景图像

Question

对于那些感兴趣的人，我正在运行 Django 1.3 设置，利用可爱的静态文件集成和 less.js。

我遇到的问题是这样的：

在我的 HTML 中，我有：

<link rel="stylesheet/less" type="text/css" href="{{ STATIC_URL }}less/style.less">
<script src="{{ STATIC_URL }}js/less.js" type="text/javascript"></script>

在这种情况下 STATIC_URL 是 /static/ 因此，当处理 HTML 时，链接分别变为 /static/less/style.less 和 /static/js/less.js 。

现在，在我的 LESS 文件中，我有以下（简化的）代码：

body {
    background: url('../img/bkgnd.png');
}

问题是 LESS 对我来说似乎愚蠢地处理了这个问题，除非我很愚蠢，就像可能一样:-)

less JS 文件被抓取为 http://localhost:8000/static/js/less.js 然后抓取css文件在 http://localhost:8000/static/less/style.less

现在我希望更少应该知道 style.less 的位置，因此在编译为 CSS 时会在 http://localhost:8000/static/less/../img/bkgnd.png 显然只是 http://localhost:8000/static/img/backgnd.png

然而，它似乎忽略了该位置，只是在 http://localhost:8000/img/backgnd.png。

有谁有解释为什么会发生这种情况？

我通过设置包含静态 url 的 javascript 变量并将其添加到 css 文件中的图像 url 前面来添加临时修复。这对于开发来说很好，但我想在生产中使用 lessc 来编译代码，而 less 不允许我传递 javascript 变量，据我所知（这会很好）。

任何帮助将不胜感激，这让我发疯:-)

Answer 1

它正在寻找与您正在查看的文档相关的 img 文件，而不是与 css 文件相关的文件。

因此，将你的 css 更改为：

body {
   background: url('/static/img/bkgnd.png');
}