html - 如何在Django2.0中使用html或css添加背景

标签 html css django static

我想在我的 django 主页中添加一个图像,但我总是找不到我想要的图像文件的正确位置(黄色高亮) 下图是我目前输入的内容:

/image/ecyQu.png

也在同一个文件中

{% load static %}
        body {
            background-image: url('{% static "/bitcoin.jpg" %}');
        }

Django2.0插入图片的时候需要static吗?还, 我看到有些人打开单独的静态文件,有些人将图像放入模板中。我很困惑我应该放在哪里?如何将背景图片放入html中??

谢谢你的回答!!!!

更新 ** 这是我目前所拥有的 enter image description here

updat2 ** 仅引用管理文件, enter image description here

最佳答案

您可以针对这种情况使用内联 CSS。你已经有了一个 .wrapper 元素,所以如果你想放置一个静态服务图像你会做这样的事情:

<div class="wrapper" style="background-image: url('{% static 'default_page/bitcoin.jpg' %}');">
   Your content here
</div>

如果你想在你的CSS文件中使用,根据你的静态配置使用绝对路径即可。如果您使用 /static 提供您的静态文件(这意味着路径 /static/default_page/bitcoin.jpg 是正确的并向您显示所需的图像),您可以在 CSS 中放入如下内容:

body {
  background-image: url('/static/default_page/bitcoin.jpg');
}

希望有用!

编辑:

正如 Thomas 所说,您将图像放在了错误的文件夹中(在模板中而不是在您的静态文件夹中)。引用this以正确的方式配置您的元素。

关于html - 如何在Django2.0中使用html或css添加背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50322018/

相关文章:

javascript - 如何正确访问 HTML 元素的数据属性?

html - 在没有相应 th 的情况下将额外的 td 添加到 tr

python - 在生产中使用 Django-Q

javascript - D3.JS Y轴标签问题

html - h3 标签的垂直对齐中间不起作用

css - 如何在悬停时保持直通

django - 为什么这个 Django 模板上下文处理器不适用于所有请求?

css - 使用相对长度垂直对齐图像和输入字段

html - 应用程序浏览器中的 Instagram 正在转移所有点击事件

python - 如何在django admin中显示与某个用户相关的记录