bakscliter
New Member
I have 2 backgrounds images and the following is what I'm doing:\[code\] body { background-image: url(images/2.png), url(images/assault.png); background-size: cover, 154px 196px; background-position: center, center; background-attachment: fixed, scroll; background-repeat: no-repeat, repeat; background-color: #141414, #141414; }\[/code\]The first background \[code\]2.png\[/code\] which should have fixed, doesn't work, the background scrolls on iphone. I tried removing the line \[code\]background-attachment: fixed, scroll;\[/code\] and still on desk browser works fine, the backgrounds stay fixed while on the iPhone \[code\]2.png\[/code\] scrolls.According to https://developer.mozilla.org/en-US/docs/CSS/background-attachment different attachment properties can be given to multiple backgrounds.