how to replicate background attachment fixed on ios

how to replicate background attachment fixed on ios  using -'I'm,trying,to,get,fixed-background-image,divs,working,on,iOS,for,a,school,project.,I've,been,using





asked Sep 15, 2015 by VonBlakelyyw
edited Sep 15, 2015 by rajesh
0 votes

2 Answers

0 votes

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{
answered Sep 15, 2015 by FraLeidig
0 votes

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

answered Sep 15, 2015 by MGullett