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，因为它始终至少是浏览器窗口的高度）。我们在其上设置了固定且居中的背景，然后使用设置为封面关键字的背景大小调整其大小。

这应该会给你一个很棒的渐进式CSS3方式！

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

1 个答案: