背景大小：封面会在较大的屏幕上切断我的图像

Question

我有网站，我正在布局。它基本上是页眉，内容和页脚都是100％宽度。 我想让背景图片填满内容部分的屏幕。我用CSS3 background-size：cover实现了这一点。当我扩展到2560px的屏幕时，唯一的问题是图像被切断。有没有办法解决这个问题，以免发生？

我的CSS

#maincontentcontainer {
    width: 100%;
    background-image: url(../images/sandpiperBG.jpg);
    background-position:center center; 
    background-repeat:no-repeat; 
    -moz-background-size:cover; 
    -webkit-background-size:cover; 
    background-size:cover;
}

Answer 1

-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;

将修复它，但图像将被拉伸/压扁，因为你有一个固定的高度，但宽度可变。