background-size:封面会在Chrome for Android中留下空白区域

Question

我正在尝试为我的网站获得一个漂亮的全屏图像背景.它在我测试过的几乎所有浏览器(browsershots.org)中都运行良好,但在我的Android平板电脑上的Chrome中它没有按预期工作.你可以看到背景中有很多白色,它应该是所有图像.

链接: http ://test.socie.nl

CSS:

body {
    background: url(../../images/background/image1.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

出乎意料的结果:

Answer 1

尝试使用以下图片代替背景图片<img>：

HTML：

<img src="imagepath" id="your-id" />

CSS：

#your-id{
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -999;
}