Jak replikować załączniki tła naprawione na iOS

Question

Próbuję uzyskać divs ze stałym tłem działającym na iOS dla projektu szkolnego. Korzystam z tego, że w mobilnym safari jest to dziwne i nie ma efektów przewijania. Here is the site z którym pracuję; Metoda, której obecnie używam dla tła obrazu div div działa dobrze na komputerach, ale nie działa całkowicie na iOS.

Jakoś, http://www.everyonedeservesgreatdesign.com to działa. Mam trudności z podążaniem za kodem, ponieważ używają jakiegoś szablonu typu squarespace, ale wygląda na to, że umieszczają obrazki w jednostce div, która jest w jakiś sposób obcięta przez jednostkę div rodzicielską position:relative. Miałem wrażenie, że nie można przypinać obiektów div z innymi obiektami niż viewport, więc jestem bardzo ciekawy, co tu się dzieje.

Jakieś pomysły dotyczące implementacji tej metody dla poprawnego tła div obrazu w mojej witrynie?

Answer 1

To pytanie zostało zadane w przeszłości, najwyraźniej jest bardzo kosztowne w przypadku przeglądarek mobilnych, więc zostało wyłączone.

Sprawdź this comment by @PaulIrish:

Fixed-tła mają ogromny kosztprzemalować i zdziesiątkować przewijanie wydajności, co jest, moim zdaniem, dlaczego została ona wyłączona.

widać obejścia tego w tej wypowiedzi:

Fixed background image with ios7

Fixed body background scrolls with the page on iOS7

Answer 2

Wydaje mi jak obrazy tła nie są właściwie obrazy tła ... strona ma obrazy tła i cudzysłowy w elementach div rodzeństwa z elementami div zawierającymi obrazy, dla których przypisano położenie: fixed; Cytat div ma również przezroczyste tło.

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