gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 13:38:05 24 4
gpt4 key购买 nike

对于那些感兴趣的人,我正在运行一个 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然后在 http://localhost:8000/static/less/style.less 获取 css 文件

现在我希望 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 变量,据我所知(这很好)。

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

最佳答案

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

因此将您的 css 更改为:

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

关于css - 当从子 URI 提供静态文件时找不到更少的 css 背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8925319/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com