Question

我想将一个背景图像添加到一个div中，该div是Django站点中Bootstrap中的一行。我的CSS说：

.bimage {

  background-image: url("{% static 'home/images/background.jpg' %}");

}

我确认jpg位于正确的文件夹中。还有别的错吗？

Answer 1

如果它位于css文件中，则使用../../上传目录，然后使用home->images目录。您不能在css文件中使用django模板标记。

例如如果您的css文件位于static/css/style.css且图片位于static/home/images/background.jpg，那么您会：

background-image: url("../home/images/background.jpg");

如果您的css不在css文件中，而是放在模板的标题中，请确保在STATIC_URL文件中正确设置STATICFILES_DIRS和settings.py。< / p>

如果这不是问题，请确保您已在模板中加载静态{% load static %}。

如果这不是问题，请尝试python manage.py collectstatic。

最后但同样重要的是，请确保您指向正确的目录。

Answer 2

你的div有宽度和高度吗？然后确保您的背景图像不是太大。如果是，则只显示其中的一部分。

.bimage {
    height: 100%;
    width: 100%;
    background: url("{% static 'home/images/background.jpg' %}") no-repeat center center;
    background-size: 100%;
}

您可能需要调整这些值以适合您的设计。确保您的iamge正在加载。您的浏览器控制台中是否显示任何404错误？

无法在Django网站

2 个答案: