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

如果我理解正确的问题，这可能帮助：

background-size: cover; 

Answer 2

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

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

而且设置填充和边距为0，从侧面删除空格

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

Answer 3

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