不能改變的背景圖像的大小

Question

我不能讓一個背景，以適應整個窗口

在我的網站，我收到這樣的事情的一部分：

哪裏它應該出現像在介紹頁面：

貝婁是對非工作的一個CSS和HTML代碼。

.content-section { 
 
    padding-top: 100px; 
 
} 
 
.download-section { 
 
    width: 100%; 
 
    padding: 50px 0; 
 
    color: white; 
 
    background: url('https://i.stack.imgur.com/8lpZc.jpg') no-repeat center center scroll; 
 
    background-color: black; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    background-size: cover; 
 
    -o-background-size: cover; 
 
} 
 
#map { 
 
    width: 100%; 
 
    height: 200px; 
 
    margin-top: 100px; 
 
} 
 
@media (min-width: 767px) { 
 
    .content-section { 
 
    padding-top: 250px; 
 
    } 
 
    .download-section { 
 
    padding: 100px 0; 
 
    } 
 
    #map { 
 
    height: 400px; 
 
    margin-top: 1000px; 
 
    } 
 
}

<section id="comojogar" class="content-section text-center"> 
 
     <div class="download-section"> 
 
      <div class="container"> 
 
       <div class="col-lg-8 col-lg-offset-2"> 
 
        <h2>Download Grayscale</h2> 
 
\t \t \t \t \t <!--<video width="720" height="480" controls="controls"> 
 
\t \t \t \t \t <source src="video/1.mp4" type="video/mp4"> 
 
\t \t \t \t \t <object data="" width="720" height="480"> 
 
\t \t \t \t \t <embed width="720" height="480" src="video/1.mp4"> 
 
\t \t \t \t \t </video>--> 
 
\t \t \t \t \t 
 
        <p>You can download Grayscale for free on the preview page at Start Bootstrap.</p> 
 
        <a href="http://startbootstrap.com/template-overviews/grayscale/" class="btn btn-default btn-lg">Visit Download Page</a> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </section>

Answer 1

試試這個：d

.download-section { 
    width: 100%; 
    padding: 50px 0; 
    color: white; 
    background: #000 url(../img/fundo1.jpg) no-repeat center; 
    background-size: cover !important; 
}