Hi,

I am building a Joomla website which has a background slideshow that has to fill whatever screen it's viewed on and stay fixed whilst the content scrolls up over it. The slideshow therefore gets a position:fixed attribute.

I have a problem that mobile devices don't fully support position:fixed and therefore the content does not scroll over the slideshow but continues beyond the bottom edge of the background image which is determined by the size of the screen, and that looks bad.

With the help of W3School forum I learnt that mobile devices don't fully support position:fixed which is why the problem is caused and they suggested using jquery to identify active image and add it as background image to body, or any other container, and then hide current images with display:none;

I am not familiar at all with jquery so I don't know how to go about it. What would be the steps I need to take to use jquery to identify the active image?

Thanks