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=' ' записываю значение, картинка появляется
  • Вопрос задан
  • 48 просмотров
Решения вопроса 1
Подозреваю что вы не смотрели в инспектор. Картинка на самом деле есть, если конечно правильный путь. Но у нее нет размера
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
teaCode
@teaCode
Верстальщик
Вы просто не задали размер картинке, добаьте к li::before сделующий код:
width: 500px;
height: 500px;


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

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

Войти через центр авторизации
Похожие вопросы