Question

我正在使用jQuery Mobile开发Asp.Net MVC网站。我有这个CSS部分来设置在滚动时固定在网站中心的背景图像：

background: white url(Image/A-HD.jpg);
background-repeat: no-repeat;
background-position: 50% 50%; /*or center center */
background-attachment: fixed;
background-size: 50%;

除了iPad 2（我测试过的唯一一款）之外，它无处不在。似乎 background-attachment：fixed; 无法正常工作：背景图片实际上位于中心，但不会跟随我的滚动。

那么，有没有办法模拟iPad的背景附件：固定; （和我想的类似）？

谢谢！

Answer 1

你可以使用一个单独的元素来解决这个问题，而position: fixed可以使用它！

HTML：

<div id="Background"></div>

<div id="Content"></div>

CSS：

#Background {
    background: white url(Image/A-HD.jpg) no-repeat 50% 50%;
    background-size: 50%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

如何模拟背景附件iPad

1 个答案: