ios - 如何模拟背景附件 iPad

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（我测试过的唯一一个）。看起来像背景附件：固定；不能正常工作：背景图像实际上停留在中心，但不跟随我的滚动。

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

谢谢！

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;
}