Здравствуйте.

Возникла задача сделать пропорционально масштабируемый фон, который будет заполнять все пространство браузера.
Вариант с background-size: cover; для тега body не подходит, так как он не позволит выполнить второе важное условие, а именно смену фона с каким нибудь эффектом при помощи JS. Для этого нужно использовать контейнеры.
Вариант с контейнерами который мне известен заключается в position: fixed; а так же width и height 100% для контейнера и width 100% для изображения-фона которое будет находиться внутри него. Но к сожалению при данном способе фон не может заполнять все пространство окна браузера по одной из осей.

Прошу гуру отозваться и подсказать как решить задачу.