反拉伸和背景尺寸：封面

Question

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

 <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似乎无法在iPad上使用。 正是您所描述的。 但是，奇怪的是，在尝试了CSS并进行了以下更改之后：

背景图片：url（'background.jpg'）;

至，

背景图片：网址（'www.imgur.com/background.jpg'）

背景在iPad上起作用。 似乎将背景图像的位置更改为直接网址，iPad即可生成图像。 因此，请尝试将图像上传到临时服务器（例如imgur），然后将CSS中的链接更改为imgur链接。

奇怪的是它对我有用。