General design / best practice question for you:
Prior to the most recent versions of Chrome & Firefox, I used to use a series of background fixed images to provide a cool background effect as users scroll through a site… This approach still works in Microsoft Edge and you can see an example here:
Unfortunately, with recent updates to Chrome and Firefox, I can no longer use this approach.
I CAN use one fixed background image, using the approach outlined here:
–> Drag a div to the page, give it a style with height and width, and assign the bg image with full cover. Now give the div a position of fixed, with a z-index of -1, so that the div is underneath all other content. In most cases, the browsers will render a fixed background if the fixed style is applied to the div, not the image itself
HOWEVER, what I want to figure out is out to scroll through multiple background images.
Dear brilliant forum members, what do you think is the best approach that will work in ALL the major browsers?
Thanks in advance for your help.