Как вставить фоновую картинку

430

14 февраля 2017, 19:55

Верстаю макет. Как вставить фоновую картинку так, чтобы она была как положено на весь экран и не съезжала?

{ 
height: 1200px; 
width: 100%; 
background-image: url(images/bg.png); 
-o-background-size: cover; 
-webkit-background-size: cover; 
}

Если прописываю repeat, то фоновая картинка вообще пропадает.]1]1

Answer 1

Например, так:

body {
    background-image: url(images/bg.png); 
    background-repeat: no-repeat;
    -o-background-size: cover; 
    -webkit-background-size: cover; 
}

Answer 2

ну или экономно

div{
  background: url(img/img.jpg) center center no-repeat;
  background-size: cover;
}

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Псевдоэлемент по всей длине текста

Добрый деньЕсть заголовок, для которого нужно сделать заднюю черту, как показано на изображении

345

CSS

Как сверстать этот элемент

Подскажите, как бы вы сверстали элемент,рука со смартфоном,я новичок не могу понять лучше сделать его background'ом или img ?Если бэкграундом ,то к какому...

315

CSS

Bootstrap footer

Появился небольшой вопрос, связанный с версткой на bootstrap 3

368

CSS

Фиксированное позиционирование

Доброго времени! Есть элемент, спозиционированный фиксированно:

367