ruby-on-rails - 无论显示器尺寸如何，如何使背景适合屏幕的整个尺寸？

Question

无论显示器的尺寸如何，如何使背景适合屏幕的整个尺寸？

我遇到的主要问题是我在一页上有两个背景。一个在另一个之上，所以第一个上层背景根本没有填满整个屏幕。

这可能与两个背景有关吗？

这是CSS，landing-bg2是上面的bg，内容是下面的

#content {
    background-color: #eb6e1e;
    position: relative;
    background-position: center top;
    background-size: cover;
    -webkit-background-size: cover;
    height: auto;
    padding: 160px 0 120px;
    color: #fff;
}
.landing-bg2 {
    background: asset-url("write-bg.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;

}

Answer 1

现在浏览器对多背景的支持非常好，如果你想要 2 个全尺寸背景图片叠加在一起，你可以在同一个 div 中声明它们。

这是浏览器支持:http://caniuse.com/#feat=multibackgrounds

语法是:background-image:url(''), url('');

逗号分隔。然后，您需要在 background-size: 和 background-position 声明中保持相同的顺序。