Растягивание бэкфона на всю страницу при помощи CSS

пример решения, используя CSS3:

 

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

 

Значение может быть следующим:

  • В единицах (px, cm, em и т.д.)
  • В процентах (задает размер картинки от высоты или ширины элемента)
  • auto (Если задано высота и ширина как auto auto, то размеры фона остаются исходными). Если указать например 250px auto, то размеры высчитаются исходя из пропорций картинки
  • cover (пропорциональное растягивание, при этом картинка растянется на весь блок)
  • contain (пропорциональное растягивание, при этом картинка растянется так, чтобы полностью вместиться в блок)





У данной записи пока нет ниодного комментария