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

364

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

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

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

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

270

CSS

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

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

258

CSS

Bootstrap footer

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

311

CSS

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

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

306