Come replicare background-attachment fisso su iOS

Question

Sto cercando di ottenere divs di background-immagine fisse che funzionano su iOS per un progetto scolastico. Sto usando

background-attachment: fixed; 

Ma questo sta portando a ridimensionamento strano e senza effetti a scorrimento in safari mobile. Here is the site con cui sto lavorando; il metodo che sto attualmente usando per gli sfondi di immagine quote div funziona bene sui desktop, ma fallisce completamente su iOS.

In qualche modo, http://www.everyonedeservesgreatdesign.com ha funzionato. Sto avendo difficoltà a seguire il codice perché stanno usando un modello squarespace di qualche tipo, ma sembra che stiano mettendo le immagini in un div position:fixed che è in qualche modo ritagliato dal suo div genitore position:relative. Avevo l'impressione che non fosse possibile ritagliare i div di position:fixed con qualcosa di diverso dal viewport, quindi sono molto curioso di sapere cosa sta succedendo qui.

Qualche idea su come implementare questo metodo per gli sfondi di immagine fissa div nel mio sito?

Answer 1

In passato è stato chiesto, a quanto pare, costa molto ai browser mobili, quindi è stato disabilitato.

Controllare this comment by @PaulIrish:

fisso-sfondi hanno enorme costo ridipingere e decimano scorrimento prestazioni, che è, credo, perché è stato disattivato.

potete vedere soluzioni a questo in questo post:

Fixed background image with ios7

Fixed body background scrolls with the page on iOS7

Answer 2

Sembra a me come le immagini di sfondo non sono in realtà immagini di sfondo ... il sito è le immagini di sfondo e le virgolette in div di fratello con i figli del div contenente le immagini che sono state assegnate posizione: fissa; Le virgolette div hanno anche uno sfondo trasparente.

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