Question

这是我想要背景图片的HTML代码。

<div class="jumbotron">
    <div class="container">
        <h1>It's all about the experience.</h1>
        <p>How do you enjoy life?</p>
    </div>
</div>

这是我用来为div背景源图像的CSS代码。无论我做什么，它都不会出现。有人知道我做错了吗？

.jobotron .container{
    background-image: url('http://templatizer.gsappcloud.org/sites/default/files/imagecache/primary500/paris-lr_1.jpg');
}

Answer 1

我正在尝试使用命名.jumbotron以及width的{{1}}和height解决问题。

我希望这很有用：

HTML，

background-image

这是css，

<div class="jumbotron">
        <div class="container">
            <h1>It's all about the experience.</h1>
            <p>How do you enjoy life?</p>
        </div>
    </div>

SEE CODEPEN

我的图片不会显示在后台

1 个答案: