Css - background-img url no-repeat center center Not working

Question

我在我的网站上使用bootstrap，但只有一个问题

-HTML

 <div class="first-background">
        ----- skip 
 </div>

 <div class="second-background">
        ----- skip
 </div>

-CSS

.first-background{
  padding-top: 100px;
  width: 100%;
  background-color: #E8ECEE;    
}

.second-background{
  background-image: url(../img/background.png);

  -- first ways
  background-repeat:no-repeat;
  background-size: cover;

  -- second ways
  background-repeat: no-repeat;
  background-position: center center;

  -- third ways 
  background-image: url(../img/background.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;

}

我试过了，但是盖子或中心在我的webSite中不工作

如何解决这个问题？现在我没有任何解决方案。

Answer 1

对于初学者来说，你的第二个div的语法是错误的。具体来说，你拼写“class”是错误的。通常堆栈溢出不会处理这些类型的问题，因此请确保您发布的代码几乎与问题中的代码(减去原始数据)完全相同。