显示有背景图象的jumbotron

时间:2016-12-01 20:20:00

标签: html css django background-image

我已经开始使用名为'blog'的django应用程序。

应用'博客'包含2个文件夹'静态'和'模板'。

'static'包含一个文件夹'blog',其中包含2个文件夹'css'和'img'。

文件'blog.css'位于'css'文件夹中,'epingle.jpg'位于'img'文件夹中。

'templates'包含一个文件夹'blog',其中包含我正在使用的base.html文件。

在'blog.css'中,我创建了类jumbotron,如下所示:

.jumbotron {
    position: relative;
    background: #000 url("../img/epingle.jpg") center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
}

在'base.html'中,我有以下一行:

<div class="jumbotron">
     <div class="container">
          <h3>Everything is so easy... when you get some help!</h3>
     </div>
</div>

显示jumbotron但不显示图像。

你可以告诉我我做错了什么吗?

由于

0 个答案:

没有答案