iphone - iPad 和 iPhone 不显示我的网站背景

Question

在 iPad 和 iPhone 上，我的网站背景不显示。在其他所有浏览器上都可以正常工作（Safari、Chrome、IE 和 Mozilla）

我的CSS代码是：

background:url(../photos/shutterstock2.jpg);
background-size:2800px 1500px;
background-repeat:no-repeat; 
background-color: #94C5EB;

Answer 1

试试这个：

html { 
    background: url(../photos/shutterstock2.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #94C5EB;
}

多亏了 CSS3 中的 background-size 属性，我们可以纯粹通过 CSS 来做到这一点。我们将使用 html 元素（比 body 更好，因为它总是至少是浏览器窗口的高度）。我们在其上设置了一个固定且居中的背景，然后使用设置为 cover 关键字的 background-size 调整其大小。

这应该给你一个很棒的和进步的 CSS3 方式！