0

我目前正在使用 CSS 作为我的单页网站的全屏背景（由多个 1300 像素高度的 DIV 组成）。它工作得很好，背景图像在页面的可见部分是全屏的，但它在 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;
}
4

1 回答 1

1

最初我最终使用了 backstretch，因为 css 似乎不适用于 ipad。和你描述的完全一样。然而，奇怪的是，在尝试了 CSS 并改变了这一点之后：

背景图像： url('background.jpg');

至，

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

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

奇怪的是它对我有用。

于 2013-06-16T14:05:55.910 回答