如何获得这个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类的背景图像

回答

相关问题