Как сделать так, чтобы фоновое изображение поместилось на всю страницу без повторения, используя простой CSS?

У меня есть изображение в формате JPG размером 1024 x 724. Размер моей страницы не фиксирован. Мое требование: Если я изменю размер страницы, то фоновое изображение также должно измениться по размеру и соответствовать странице.

Также я не хочу хранить информацию, связанную с изображением, на моей странице Html / JSP. Я хочу сделать это с помощью простого CSS. Я не использую CSS3. Потому что есть атрибут background-size , который может растягивать изображение до ширины и высоты страницы. В настоящее время это поддерживает только Google Chrome. Любая помощь ?