后伸展和背景-大小:封面

Question

我目前使用CSS作为我的单页网站的全屏背景(由几个1300px高的DIVs组成)。它工作得很好，背景图像在页面的可见部分是全屏的，但在ipad上不起作用。backstretch的问题是，如果我包含以下代码

 <script>
 $("#medias").backstretch("../images/bg-18.jpg");

在我的“媒体”DIV中，背景图像覆盖了我的DIV的全部尺寸(所以1300高*宽)，这不是我想要它覆盖的浏览器窗口谢谢

使用CSS方法的DIV示例：

#medias {
    height: 1300px;
    background: #8aba56;
    padding-top: 150px;
    background: url(../images/bg-18.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

Answer 1

我最初使用backstretch是因为css似乎在ipads上不起作用。就像你描述的那样。然而，奇怪的是，在尝试了CSS并改变了这一点之后：

背景图片: url('background.jpg')；

致，

背景图片: url ('www.imgur.com/background.jpg')

背景知识在iPad上起作用。似乎将背景图像位置更改为直接的url，iPad就能够生成图像。因此，尝试将您的图像上传到临时服务器(如imgur)，然后将CSS中的链接更改为imgur链接。

奇怪的是，它在我身上起作用了。