css - 超大屏幕背景图像

Question

我已经尝试了所有方法并到处搜索。但似乎没有任何效果。我认为这是一个很容易解决的问题，我不是一个人去的。

我想在我的超大屏幕上设置背景图片，因为我使用的是 Bootstrap 。

这是我做的。

<div class="jumbotron center " > <!-- start jumbotron -->

  <div class="container">

    <div class="jb-text">
        <h1>This is an epic service</h1>
        <h3>Not really, just trying this thing out</h3>
    </div>

    <button class="btn btn-default" id="btn-custom"><a href="#">Start Your     <strong>Free</strong> Trial</a></button>

  </div> <!-- end container -->

</div> <!-- end jumbotron -->

这是CSS

.jumbotron{
    background-image: url('image/green-forest.jpg') no-repeat center center;

}

不幸的是什么也没发生。

Answer 1

问题是你用了background-image而不是 background属性(property)。