如何獲得這個Jumbotron類的背景圖像

所以我想不出如何讓這個jumbotron div有指定的背景圖像。之前我曾在另一個項目中使用它，但是當我將它導入另一個項目時，它剛剛停止顯示。所有其他的工作，所以我雖然我只是忘了CSS樣式或東西，但我試過了，我似乎無法找到任何錯誤。我正在使用bootstrap，但是編輯了該庫中的任何值，並且在其他項目中似乎工作正常。有一件事可能是引導版本，我從Bootstrap 3.0.0版本獲得了這段代碼，目前我使用的是版本3.3.4。不知道這與它有什麼關係。作爲最後一個注意事項，圖像的工作原理是因爲我已經在頁面上顯示了不同的div。如何獲得這個Jumbotron類的背景圖像

HTML

<div class="jumbotron"> 
     <div class="container"> 
      <div class="topTitle"> 
       <div> 
        <div class="col-lg-9"> 
         <h1>Insert <span>Topic</span></h1> 

         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> 

        </div> 
       </div> 
      </div> 
     </div> 
    </div>

CSS

.jumbotron { 
    background: url('images/intro-bg.jpg') !important; 

    background-attachment: fixed !important; 
} 

.jumbotron p { 
    padding: 20px 0; 
} 

.jumbotron .topTitle h1 { 
    margin-top: 50px; 
}

結果

來源

2016-01-04 cosmichero2025

您是否使用Firefox/Chrome的開發人員工具查看了該頁面以查看應用和計算的CSS？這應該立即告訴你發生了什麼事。將來請在發佈之前這樣做。 –

好的，我甚至不知道存在 – cosmichero2025

Sooooo我怎麼會這樣做。 – cosmichero2025

所以我想通了。我使用了像Jim Garrison所說的開發人員工具，它揭示了沒有什麼可以壓倒它，所以它應該可以工作。所以，筆者隨機tryed把樣式直接進入HTML像這樣

<div class="jumbotron" style="background: url('images/intro-bg.jpg'); background-attachment: fixed;">

無論出於何種原因，這似乎是工作，所以我希望誰在未來有這個問題可以通過這個來幫助.....或想出一個更好的解決方案。

來源

2016-01-04 00:33:41 cosmichero2025

如何獲得這個Jumbotron類的背景圖像

回答

相關問題