【问题标题】:Django not displaying image in cssDjango没有在css中显示图像
【发布时间】:2010-02-25 10:54:22
【问题描述】:

我有一个 django 应用程序。我在 css 中添加了图像(url),它没有显示图像。

但是当我将它用作 html 文件时,它正在显示图像。我应该为此在 settings.py 中设置任何 url 吗?来源[此处显示][1]。 [1]:http://dpaste.com/164620/

【问题讨论】:

  • 向我们展示图片的 CSS 和 html - 它会帮助我们帮助您 - 糟糕 - 刚刚看到 dapaste 链接 - 请忽略我,我会离开 :)
  • 尝试重写您的问题,因为标记不好。并添加您用于包含您的图像和您使用的 css 代码的 html 代码。哎呀 - 和 Frozenskys 一样
  • 现在,我已经正确指定了。
  • 尝试解决,这个问题。Django文档不清楚。我正在发布我的源代码,请找到错误并修复它,或者给我一个解决方案。

标签: css django


【解决方案1】:

那绝对是本地路径。您需要相对于 doc root 的路径(默认情况下,Django 不提供媒体文件,不鼓励在测试环境之外让它这样做)或者如果文件位于不同的(子)域上,则需要绝对 URL(例如,提供媒体文件的本地 Apache 虚拟主机)。

如果您使用相对路径,请注意该路径将相对于提及该路径的页面(即,如果您将其放在 CSS 文件中,它将相对于 CSS 文件;如果您将其放在在模板中,它将与使用该模板显示的任何页面相关)。

如果您使用的是绝对路径,请注意该路径将相对于该(子)域的文档根目录。

编辑:不,真的。这是路径。您的浏览器将解析 CSS 或 HTML 中的路径。所以即使你在 localhost 上运行,绝对路径(以/ 开头)将被解析为相对于文档根目录(即移交给 Django 的 URL 解析)。

如果您的站点在http://localhost:8000 上运行,则/home/logic/quote/template/hummingbirds.gif 将被视为http://localhost:8000/home/logic/quote/template/hummingbirds.gif,即您的浏览器将对localhost:8000 上运行的服务器发出HTTP GET 请求以获取路径/home/logic/quote/template/hummingbirds.gif .如果服务器是 Django,它将尝试在您的 urls.py 中找到匹配 /home/logic/quote/template/hummingbirds.gif 的规则。您不能仅通过传递本地路径来引用文件系统中的文件。

如果您想使用 Django 提供静态文件(例如图像)(即在同一域和 Django 运行的端口上),您需要先将其配置为提供这些文件,如下所示:http://docs.djangoproject.com/en/dev/howto/static-files/

如果你想引用你的文件系统上的一个文件(不好的做法,如果这个东西上线就需要被替换),你需要明确地使用file:// 协议。绝对 URL(即没有协议前缀和域名)将始终被视为相对于当前协议和域。

【讨论】:

  • 它还在开发中,我还没有托管我的应用程序,我把每件事都说得很清楚,它还在开发中。我只能使用本地路径,路径是绝对的正确,但我在其他地方犯了错误,我什至给出了我的源代码。
  • @DAFFODIL 查看我的编辑,以了解可能发生的情况的完整说明。
  • 我遵循了你的指导方针,但还是一样。查看我所做的更改dpaste.com/hold/165122
【解决方案2】:

/home/logic/quote/template/hummingbirds.gif 是您的图片网络路径吗?它看起来像一个本地路径。 输入http://your.host/home/logic/quote/template/hummingbirds.gif时会显示吗

如果设置了背景色,颜色会出现吗?

建议: 在 firefox 上使用 firebug:

  • 启用 CSS 警告
  • 在解析后的 css 文件(css 选项卡)上查看,看看你的规则是否写得很好
  • 检查您的背景应位于的元素,并验证它是否已应用 css 规则且未被覆盖

【讨论】:

  • 出现颜色但不显示图像。
猜你喜欢
  • 2019-12-23
  • 1970-01-01
  • 2016-05-09
  • 2011-04-15
  • 2017-08-08
  • 2021-02-01
  • 2015-06-04
  • 1970-01-01
  • 2019-04-28
相关资源
最近更新 更多