Как реплицировать фоновые привязки, установленные на iOS

Я пытаюсь получить div файлы с фиксированным фоном, работающие на iOS для школьного проекта. Я использовал

background-attachment: fixed;

Но это приводит к странным размерам и без прокрутки в мобильном сафари. Вот сайт, с которым я работаю; метод, который я использую в настоящее время для фоновых рисунков div div, хорошо работает на рабочих столах, но полностью не работает на iOS.

Как-то, http://www.everyonedeservesgreatdesign.com получил эту работу. Я испытываю трудности с выполнением кода, потому что они используют какой-то шаблон квадратного пространства, но похоже, что они помещают изображения в div position:fixed, который каким-то образом обрезается его родительским div position:relative. У меня создалось впечатление, что невозможно обрезать position:fixed divs с чем-либо другим, кроме окна просмотра, поэтому мне очень любопытно, что происходит здесь.

Любые идеи о том, как реализовать этот метод для фона фиксированного изображения div на моем сайте?

Ответ 1

В прошлом это было задано, видимо, это дорого обойдется мобильным браузерам, поэтому он отключен.

Отметьте этот комментарий @PaulIrish:

Фиксированные фоны имеют огромную стоимость перерисовки и снижение производительности прокрутки, что, я считаю, почему оно было отключено.

вы можете увидеть обходные пути к этому в этих сообщениях:

Исправлено фоновое изображение с ios7

Исправлено прокручивание фона фона со страницы на iOS7

Ответ 2

Мне кажется, что фоновые изображения на самом деле не являются фоновыми изображениями... на сайте есть фоновые изображения и кавычки в дочерних divs с дочерними элементами 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
       }
   }
 }