Question

我正在尝试在iOS上为学校项目提供固定的背景图片div。我一直在使用

background-attachment: fixed;

但这会导致奇怪的大小调整，并且在移动游猎中没有滚动效果。 Here is the site我正在与之合作;我目前用于引用div图像背景的方法在桌面上运行良好，但在iOS上完全失败。

不知何故，http://www.everyonedeservesgreatdesign.com让这个有效。我在跟踪代码时遇到了困难，因为他们正在使用某种类型的方形空间模板，但看起来他们正在将图像放入position:fixed div中，该div以某种方式被其position:relative父级剪切DIV。我的印象是不可能将position:fixed div除了视口以外的任何东西，所以我很好奇这里发生了什么。

有关如何在我的网站中为固定图像div背景实现此方法的任何想法？

Answer 1

过去曾有人问过，显然移动浏览器的成本很高，所以它已被停用。

检查this comment by @PaulIrish：

固定背景具有巨大的重绘成本和抽取滚动性能，我相信，这是为什么它被禁用。

您可以在以下帖子中看到相关的解决方法：

Fixed background image with ios7

Fixed body background scrolls with the page on iOS7

Answer 2

在我看来，背景图像实际上并不是背景图像...该网站具有背景图像和兄弟div中的引号，其中div的子项包含已分配位置的图像：fixed;引号div也具有透明背景。

wrapper div{
   image wrapper div{
       div for individual image{ <--- Fixed position
          image <--- relative position
       }
   }
   quote wrapper div{
       div for individual quote{
          quote
       }
   }
 }

如何复制在iOS上修复的后台附件

2 个答案: