如何拉伸背景图像以填充窗口并使其具有动画效果？

Question

For a project I'm working on I need to stretch a background image to fill the browser window and be able to have them transition via sliding eg. Say you're on the home page, I'd want the user to be able to click on a navigation link for 'About', and then have the background image slide into a different image.

Usually I'd use backstretch to stretch an image to fill the browser window, but I need to be able to slide to a new image.

I can use backstretch to fill the window, and I can get the sliding working IF I'm using divs of fixed dimensions.. but is it possible to combine the two?

Thanks

Answer 1

Depending on browser support, you could use multiple background images.

And you can always animate background-position.