@artimity

Почему не работает псевдоэлемент на картинке?

<img class="advantages__group-img-test" src="./img/img1.jpg" alt="">


.advantages__group-img-test{
    position: relative;
    &::after{
        content: "";
        position: absolute;
        left: 50px;
        top: -40px;
        width: 100%;
        height: 100%;
        background-image: url('./../img/img9.png');
    }
}


Должно быть так:
66fe3e4e9b8cc222684282.png

Получается так:
66fe3ed10933e960127991.png
  • Вопрос задан
  • 80 просмотров
Пригласить эксперта
Ответы на вопрос 2
@futior
:before и :afterдобавляет контент к содержимому элемента, а у img его нет.
Решение тут одно завернуть img например в div и к нему уже применять псевдоэлементы.
Ответ написан
Lynn
@Lynn
nginx, js, css
У замещаемых элементов (img, video, и ещё нескольких) не может быть псевдоэлементов ::before и ::after

https://developer.mozilla.org/ru/docs/Web/CSS/::after

Используйте обёртку.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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