Прописываю несколько значений: url("../images/hogwarts.jpeg") center cover no-repeat; в свойство background - изображение не выводится в браузере, выдает ошибку "invalid property value", но, когда удаляю значение cover, то все хорошо выводится.
Просерфил проблему - нашел ответ: писать background-size: cover - работает !
А почему не работает когда в кратком свойство background есть значение cover, вообще не понимаю, так и должно работать, это нормально ? :)
<body>
<div class="main-container">1
<div class="container-1">1</div>
<div class="container-2">1</div>
</div>
</body>
body{
background:rgba(85, 48, 21, 0.8);
}
.main-container{
background:url("../images/hogwarts.jpeg") center cover no-repeat;
}
Средний
Простой
