CSS3背景大小：封面上调整大小

body { 
    margin:0; 
    padding:0; 
    position:relative; 
    background:url(../images/imgs/backgrnd.png) no-repeat; 
    background-size:cover; 
}

的background-size:cover完全适用于大多数情况和调整大小留下的空白是一般不会有问题，但在某些情况下，它留下一大片白色的带下来在页面底部在一些调整。
背景是1920x1080图片CSS3背景大小：封面上调整大小

来源

2013-12-10 joe

不知道，如果你解决了这个问题，但我在外面撕我的头发在这几天并没有什么我的Google可以帮忙吗？我与我们的UI小组的工作人员交谈，结果发现，网页主体不一定会覆盖整个页面的高度。添加以下到我的CSS文件彻底解决了这个问题：

html { 
    height: 100%; 
} 

body { 
    background-size: cover; 
    height: 100%; 
}

这绵延的正文的内容以适合窗口的整体高度。包括“身体”一点为我工作，但我的同事告诉我，最好包括两个，因为一些浏览器将只有一个有趣的。

来源

2014-08-25 23:54:12 kapunga

哇这是一个旧的！感谢您的回答，是有高度：100％和宽度：100％与背景大小：封面;工作正常。关于分离高度和宽度的有趣说明，我曾经这样做过，只是把它放在身体里。 – joe

添加一个overflow:auto;来解决此问题。

例如，

body { 
    margin:0; 
    padding:0; 
    position:relative; 
    background:url(../images/imgs/backgrnd.png) no-repeat; 
    background-size:cover; 
    overflow:auto; 
}

希望这有助于。

来源

2013-12-10 10:12:51 Nitesh

或许你也可以尝试使用：

background-size:100% 100%;

只是一个建议

来源

2013-12-10 10:16:37 vishnu

CSS3背景大小：封面上调整大小

回答

相关问题