@Illlll

Почему не выводит изображение когда в кратком свойстве background установлено значение cover?

Прописываю несколько значений: 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;
}
  • Вопрос задан
  • 75 просмотров
Решения вопроса 1
Lynn
@Lynn
nginx, js, css
Потому что надо использовать правильный синтаксис.

Правильно:
background: url("../images/hogwarts.jpeg") center / cover no-repeat;


https://doka.guide/css/background/#kak-pishetsya
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
Wanted. Санкт-Петербург
До 180 000 ₽
ITooLabs Тула
от 35 000 до 40 000 ₽