Question

我正在寻找有关此问题的帮助。我已经研究到死，对于django来说我还比较陌生，并且碰壁了。我的背景图片不会从我的CSS文件加载。我尝试了不同的目录格式img / image.jpg static / image.jpg等。在过去的三个小时里，我阅读了尽可能多的stackoverflow帖子以及各种教程，但不幸的是，没有任何解决方法可以解决该问题。任何帮助将不胜感激，并提前谢谢您：）

图片目录为：static / img / forrest2.jpg

CSS目录：static / css / style.css

Error Codes:
"GET / HTTP/1.1" 200 2074
[24/Nov/2018 14:10:51] "GET /static/css/style.css HTTP/1.1" 304 0
[24/Nov/2018 14:13:28] "GET / HTTP/1.1" 200 2074
[24/Nov/2018 14:13:29] "GET /static/css/style.css HTTP/1.1" 200 1234
[24/Nov/2018 14:14:29] "GET / HTTP/1.1" 200 2074
[24/Nov/2018 14:14:29] "GET /static/css/style.css HTTP/1.1" 200 1235



CSS File:
@import url('https://fonts.googleapis.com/css?family=Open+Sans:800|Poppins:500');


html, body{
margin: 0;
padding:0;
height: 100%;
width: 100%;
}

.intro {
height: 100%;
width: 100%;
margin-auto: auto;
background-image: url('/static/img/forrest2.jpg') no-repeat 50% 50%;
background-size: cover;
/*Allows the whole image to display*/
display: table;
top: 0;
/*no top white line*/
}


Django Settings in settings.py:

STATIC_URL = '/static/'
STATIC_DIRS = 'static'
STATICFILES_DIRS = [
    STATIC_DIRS,
]

Answer 1

我认为问题在于您正在使用background-image属性为背景应用所有样式，但是that property仅用于显示图像本身以及您想要伴随的任何渐变

您想要的是shorthand property，它允许您将背景属性的所有值（即background-size，background-position，background-repeat等）添加到一行中

只需将background-image替换为background，您应该已经准备就绪。

CSS背景图片将不会加载Django 2.1.2

1 个答案: