Растягивание бэкфона на всю страницу при помощи CSS
пример решения, используя CSS3:
- 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;
- }
Значение может быть следующим:
- В единицах (px, cm, em и т.д.)
- В процентах (задает размер картинки от высоты или ширины элемента)
- auto (Если задано высота и ширина как auto auto, то размеры фона остаются исходными). Если указать например 250px auto, то размеры высчитаются исходя из пропорций картинки
- cover (пропорциональное растягивание, при этом картинка растянется на весь блок)
- contain (пропорциональное растягивание, при этом картинка растянется так, чтобы полностью вместиться в блок)
|