Как установить растягивание фонового изображения с помощью 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>