iOS中部分站点（div）的固定背景

我想有一个固定位置的背景图像，覆盖整个屏幕只为我的网站的一部分（实际上是两个部分，但独立，所以没有区别）。我在该节的container DIV上使用此CSS：

#wrapper {
  background-image: url(../img/bg1_IMG_1509.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;    
}

（注意：我使用了单独的属性，而不是简写的

background

，希望它能与更多的设备和浏览器兼容，但事实似乎并非如此。）

这在所有桌面和浏览器以及android上的某些浏览器中或多或少都能正常工作，但在iOS中则完全不行。在iOS中，背景不仅被滚动，而且还被垂直拉伸，这样背景图像的高度就覆盖了整个DIV，而DIV有很多内容，在移动设备上变得相当高，这导致屏幕上出现或多或少的单个像素放大。因此，无论是

固定的

还是

覆盖

都不起作用

我知道/已经阅读了有关iOS固定位置解决方案的答案，该解决方案在

标签中使用了一个DIV，该标签获得了

位置：固定

和全屏背景图像。但我不希望整个身体都这样，只希望在两个（独立的）部分，在这种情况下，无法使用变通方法。

我发现：

.bg {
    background: url(image.jpg);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 100%;
    width: 100%;
    position: fixed;
    background-position: center center;
    background-repeat: no-repeat;
}

在这里：

---

基本上，您将背景放在另一个div中，并将固定属性赋予该div，而不是背景。您需要添加z索引：-1；然后添加白色背景或其他任何东西，将图片隐藏在您不想看到的地方。

包装的高度是多少？高度没有指定，因此是“自动”，因为它包含许多其他元素/内容。