Как сделать полноэкранный резиновый фон?

Сделать полноэкранный резиновый фон с помощью HTML5 и CSS3 довольно просто и в этой небольшой заметки я покажу как это сделал я.

html {
  min-height: 100%;
  background-image: url(bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body{
  min-height:100%;
 }

Оптимальный размер картинки должен быть 1650x1050px.


Написать новый комментарий