如何使用html或css

时间:2018-05-14 01:11:39

标签: html css django static

我想在我的django主页中添加一个图像,但我总是无法获得我想要的图像文件的正确位置(黄色高光) 下面的图片是我到目前为止输入的内容:

https://i.stack.imgur.com/ecyQu.png

也在同一档案中

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

每当我想在Django2.0中插入图像时,我是否需要静态?也, 我看到一些人打开单独的静态文件,一些人将图像放在模板中。我很困惑应该放在哪里?如何将背景图片放在html ??

谢谢你的回答!!!!

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

updat2 **仅指管理员文件, enter image description here

2 个答案:

答案 0 :(得分:1)

您可以仅针对该情况使用内联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');
}

希望有效!

修改

正如托马斯所说,您已将图像放在错误的文件夹中(在模板内而不是静态文件夹中)。请参阅this以正确的方式配置项目。

答案 1 :(得分:0)

您已将bitcoin.jpg放在与模板相同的文件夹中。 Django从静态目录中提供所有静态文件,例如图片。只有模板进入模板目录。在hompage app中创建一个名为static的目录,在名为default_page的内部创建一个目录,并将背景图像放在那里。重新启动开发服务器,您的图像应该出现。