Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用html或css在Django2.0中添加背景_Html_Css_Django_Static - Fatal编程技术网

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

如何使用html或css在Django2.0中添加背景,html,css,django,static,Html,Css,Django,Static,我想在django主页中添加一个图像,但我始终无法获得所需图像文件的正确位置(黄色强光) 下面的图片是我目前键入的内容: 也在同一个文件中 {% load static %} body { background-image: url('{% static "/bitcoin.jpg" %}'); } 每当我想在Django2.0中插入图像时,是否需要静态?也, 我看到一些人打开单独的静态文件,一些ppl将图像放在模板中。我不知道该把它

我想在django主页中添加一个图像,但我始终无法获得所需图像文件的正确位置(黄色强光) 下面的图片是我目前键入的内容:

也在同一个文件中

{% load static %}
        body {
            background-image: url('{% static "/bitcoin.jpg" %}');
        }
每当我想在Django2.0中插入图像时,是否需要静态?也, 我看到一些人打开单独的静态文件,一些ppl将图像放在模板中。我不知道该把它放在哪里?如何将背景图像放入html中

谢谢你的回答

更新**这是我到目前为止所拥有的

update2**仅引用管理员文件,

您已将bitcoin.jpg与模板放在同一文件夹中。Django为静态目录中的所有静态文件(如图片)提供服务。只有模板才能进入模板目录。在hompage应用程序中创建一个名为static的目录,在名为default_页面的目录中创建一个目录,然后将背景图像放在那里。重新启动dev服务器,您的映像就会出现。

您可以在这种情况下使用内联CSS。您已经有了一个
.wrapper
元素,因此,如果您想放置一个静态的服务映像,您应该执行以下操作:

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

编辑:


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

它会在我的页面中返回一个x图像:(你知道为什么会这样吗?格式是否正确?我输入了static>default\u page>bitcoin.jpg错误:[13/May/2018 19:28:01]“GET/static/bitcoin.jpg HTTP/1.1”404 1657未找到:/bitcoin.jpg看起来确实正确。您是否在设置中设置了statcfiles目录?我知道原因。我正在使用Pycharm实现Django。Pycharm有一个错误,它无法读取我的静态文件。无论如何,谢谢!!我仍然有一个问题,静态文件只参考管理文件(请参阅我的更新2图片)。为什么它不引用static/img/I have??您必须将static文件夹添加到项目文件夹中,您的应用程序(如
默认页面
)是,然后将
静态文件\u DIRS
添加到您的项目设置中,如图所示。如果您遵循我刚刚链接的页面上提供的教程,它将起作用。希望这会有所帮助,如果您需要更多帮助,请发到此处。我知道原因。我正在使用PyCharm,但有一个错误,它无法读取我的静态文件=[我理解你的想法,谢谢你Vanessa x100!
body {
  background-image: url('/static/default_page/bitcoin.jpg');
}