Растянуть background на весь элемент с помощью css 3

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

1
2
3
4
5
 
html
{
    background: url(images/bg.jpg) no-repeat center center fixed;
    background-size: cover;
}

Если Вас интересует поддержка в более старых браузерах (хотя в  IE ниже 9го, это все равно не спасет)

1
2
3
4
5
6
7
8
 
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;
}
Категории: CSS
Яндекс.Метрика