Как задать два background?

349
23 ноября 2017, 01:34

Привет подскажите пожалуйста такой код. Именно код ибо суть я знаю а вот код неправильно пишу. один блок надо задать background, левая сторона 50% черный цвет остальные 50% картинкой. Игрался с кодом, нифига, поможете надеюсь)

Answer 1

* { 
  margin: 0; 
} 
 
body { 
  height: 100vh; 
  background: #000; 
  position: relative; 
} 
 
body:after { 
  content: ''; 
  position: absolute; 
  top: 0; 
  right: 0; 
  width: 50%; 
  height: 100%; 
  background: url(http://mediad.publicbroadcasting.net/p/kalw/files/styles/medium/public/201601/Nature-Brain.jpg) no-repeat center top; 
  background-size: cover; 
}

Answer 2

А как нужно чтобы картинка себя вела? Можно например просто перекрыть 50% черным цветом картинки, которая сама по себе на весь блок растянута.

* { 
  margin: 0; 
  padding: 0; 
} 
 
body { 
  width: 100vw; 
  height: 100vh; 
  background-image: linear-gradient(90deg, black 50%, transparent 50%), url(https://massaget.kz/userdata/uploads/u61377/1415712179_l.jpg); 
  background-size: cover; 
}

READ ALSO
Тест на скорость загрузки сайта

Тест на скорость загрузки сайта

Похожие вопросы уже искал, ответа не нашел

280
Адаптивный блок Adsense не подстраивается

Адаптивный блок Adsense не подстраивается

Добрый вечерПочему-то адаптивный блок Adsense не всегда адекватно подстраивается по ширине экрана

224
Деформация секции виджетов в шаблоне WordPress

Деформация секции виджетов в шаблоне WordPress

Нашёл один шаблон который очень нравится и менять его не хочется совсем, но в нём есть косякТочнее, я не знаю, он появился по моей вине в результате...

205
Системные переменные в конфиге

Системные переменные в конфиге

Вопрос, можно ли в конфиге MySQL задать значение на основании системных переменных?

234