Фиксированный фон для сайта с изображением на весь экран. | ExtraWEB.biz

Фиксированный фон для сайта с изображением на весь экран.

Фон для сайта с изображениемa на весь экран (background-size) с помощью CSS3.

Простое и прогрессивное решение с помощью свойства background-size в CSS3. Установим фиксированный и центрированный фон для сайта, используя свойство background-size и значение cover.

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Решение поддерживают почти все браузеры популярные в сети:

Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version)
Opera 10+ (Opera 9.5 поддерживает background-size но без значения cover)
Chrome Whatever+
IE 9+
Safari 3+

Инструменты для веб-мастеров