Задать вопрос
Yeashua
@Yeashua
Студент, увлекаюсь программированием

Почему не отображается картинка?

.list{
   font-size: 18px;
   li{
      margin-bottom: 10px;
      position: relative;
   }

   li::before{
      content: '';
      background: url('/img/icons/check_icon_95.png') 0 0 no-repeat;
      position: absolute;
      top: 0px;
      left: 0px;
   }
}


Собственно, картинка (background: url('/img/icons/check_icon_95.png') 0 0 no-repeat;) не отображается на странице. При этом, когда в content=' ' записываю значение, картинка появляется
  • Вопрос задан
  • 51 просмотр
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Подозреваю что вы не смотрели в инспектор. Картинка на самом деле есть, если конечно правильный путь. Но у нее нет размера
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
teaCode
@teaCode
Верстальщик
Вы просто не задали размер картинке, добаьте к li::before сделующий код:
width: 500px;
height: 500px;


Или же замените заданые мною значения на значения размера картинки.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы