How to replicate background-attachment fixed on iOS [duplicate] How to replicate background-attachment fixed on iOS [duplicate] ios ios

How to replicate background-attachment fixed on iOS [duplicate]


It has been asked in the past, apparently it costs a lot to mobile browsers, so it's been disabled.

Check this comment by @PaulIrish:

Fixed-backgrounds have huge repaint cost and decimate scrolling performance, which is, I believe, why it was disabled.

you can see workarounds to this in this posts:

Fixed background image with ios7

Fixed body background scrolls with the page on iOS7


It looks to me like the background images aren't actually background images...the site has the background images and the quotes in sibling divs with the children of the div containing the images having been assigned position: fixed; The quotes div is also given a transparent background.

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