Как настроить растягивание фонового изображения с помощью CSS

Question

Как растянуть фоновые изображения с помощью CSS для фоновых страниц и для DIV & таблицы фоны ... так что если размер окна изменится, размер фонового изображения должен растягиваться (развернуть/сжать) соответственно ....

Answer 1

Только можно сделать в CSS3 с background-size. Вы также можете использовать -o-background-size, -webkit-background-size и -moz-background-size, чтобы попытаться максимизировать поддержку браузера. Вы должны установить значение 100%. В других браузерах вы можете повторять фон или использовать цвет, если вы не в изображении, но не растягиваете. В первой ссылке есть предложения, чтобы попытаться подделать ее.

См:

• http://webdesign.about.com/od/css3/f/blfaqbgsize.htm
• https://developer.mozilla.org/en/CSS/background-size

Answer 2

Вы можете сделать это без CSS3, фиксируя его в качестве слоя.

<img src="background.png" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; position:absolute; z-index:-1;" /> 
<div style="position: static;z-index: 1; "> 
    content 
</div>