Почему не появляется псевдоэлемент?

Question

[gazes12]

https://codepen.io/gazes12/pen/VwQMLVN
Должен появится круг под картинкой, ну этого не происходит! Почему? Заранее спасибо!

Answer 1

[iBird Rose]

:before и :after для img не будут работать

Comments

[Nikolay Matyushkin]

Хотя это странно, хотя бы потому, что w3 не знает об этом и спокойно предоставляет примеры)

[iBird Rose]

Nikolay Matyushkin, я как то гуглил про этот момент - насколько я понял там браузеры не могут решить как именно сделать это для замещаемых элементов. и по сей день не могут прийти к какому-либо решению

[RAX7]

Nikolay Matyushkin, :before и :after работают если браузеру не удалось загрузить картинку. Попробуй заменить свое изображения на <img src="https://google.com/404.jpg"> чтобы увидеть псевдоэлементы.

[Nikolay Matyushkin]

RAX7, да, но тот же w3 ничего об этом не говорит. Они лишь кидают уточнение, что альт будет отображен (в их примере), даже если изображение не отобразится. Ну это логично, ибо альт на то и нужен.