Question

我有中等屏幕和更低的背景图像问题... 我尝试了背景封面属性，但它增加了图像的水平白色空间底部我怎么解决这个问题？ html在这里 HTML

 <body class="bg">
        <div class="container">
            <div class="box"></div>
        </div>
    <body>

CSS

    .bg{
    background-image:url(http://themes.siiimple.com/360/wp-content/uploads/2012/07/FreeGreatPicture.com-18429-hd-color-background-wallpaper.jpg);
    background-repeat:no-repeat;
    background-size: cover ;
    }
.box{
    height:400px;
    width:88%;
    background:#C5C0C1;
    opacity:.5;
    margin-top:50px;
    }

http://jsfiddle.net/azhrhussain/1xtvvfL8/

Answer 1

您正确使用了background-size属性，但您的body元素未到达窗口的底部。只需将其添加到您的html：

html {
  height: 100%;
  min-height: 100%;
}

http://jsfiddle.net/1xtvvfL8/4/

Answer 2

要避免空格，请添加：

html,body {
  margin:0;
  padding:0;
}

它会删除浏览器自动应用的页边距或填充页面。

在中等和更低的屏幕上的背景图象做白色空间水平地img的底部

2 个答案: