Question

所以我在div容器中插入图像时遇到了一些麻烦。在我的页面顶部，我有一个固定的导航栏，在导航栏下方，我有一个带有div容器的jumbotron div，其中包含公司名称和标语。而不是div jumbotron / div容器有bg颜色，我希望有一个图像，而不是与正在提供的服务和产品相关。

我正在使用Python Django来创建网站，因此使用Jinja来实现静态文件，如图像。以下是我使用过的无法使用的代码。我希望能够使用相同的Jinja静态文件方法而不是url（这里的图像路径）来实现图像...帮助？

<div>
    <div class="jumbotron">
        <div class="container" style="background-image:{% static 'company/img/familypic.jpg' %}"> 
            <center><h2>Whatever Text Here</h2></center>
            <center><h4>Whatever Tagline Here</h4></center>
        </div>
    </div>
    </div>

Answer 1

要显示背景图片，必须为url('{% static 'company/img/familypic.jpg' %}')。

Answer 2

使用

<div class="" style="background-image: url({{ static('company/img/familypic.jpg') }});">

如何为div容器添加背景图像？

2 个答案: