Fixed Background Image For Mobile With Css

Using @media with CSS to fix the background image. Logic tells me this should work, but I'm not getting any changed results after implementing this. I've included the body code I

Solution 1:

background-attachment: fixed; does not work on mobile webkit. There is a workaround, you can place the image inline in the html, set the position fixed and z-index below the content.

this is related Using background-attachment:fixed in safari on the ipad