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;

}

我还是尝试过，但是我的网站上的封面或中心不工作

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

Answer 1

对于初学者，第二个div的语法不正确。具体来说，你拼写了'class＆＃39;错误。通常，堆栈溢出不会对这些类型的问题产生好处，因此请确保您发布的代码几乎是问题的完整代码（减去原始数据）。

Css - background-img url no-repeat center center不工作

1 个答案: