css将div的背景图像放置为100％宽度

Question

我想要的是将div的背景图像放置为100％宽度。你能不能帮我找到我的错误。

HTML

  <div class="slogan_background"> 
    <h2>Slogan</h2> 
    </div>

CSS

 background-image: url("../img/bg.jpg");
 background-repeat: no-repeat;
 background-position: center; 
 width:100%;
 min-height: 526px; 

Answer 1

您的代码看起来不错，但也许您没有为body标签设置高度和宽度。尝试将此添加到您的CSS

html, body{
  width:100%;
  height:100%;
}

同时将填充和边距设置为0以从侧面移除空格

.slogan_background{
  padding:0;
  margin:0;
}

Answer 2

如果我理解正确，可能会有所帮助：

background-size: cover;

Answer 3

添加  backgroun-size:100% 100%; duplicate here