Question

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

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

在我的“medias”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之后，改变了这个：

background-image：url（＆＃39; background.jpg＆＃39;）;

要，

background-image：url（＆＃39; www.imgur.com/background.jpg'）

背景适用于iPad。似乎将背景图像位置更改为直接URL，iPad能够生成图像。因此，尝试将图像上传到临时服务器（如imgur），然后将CSS中的链接更改为imgur链接。

奇怪的是它对我有用。

后伸和背景大小：封面

1 个答案: