Откуда берется ::before в коде страницы?

Question

[Stanisav]

Доброго дня. Есть проблема - иногда по каким-то причинам не загружается изображение, плавающий баг. В этом случае внутри тега img появляется ::before. Выглядит это как-то так:

<img src="...">

::before

</img>

Может кто сталкивался с этим? Как бороться? Где искать?
UPD 1. Исправил. Я по ошибке написал это href. Я знаю что там src. В коде у меня src.
UPD 2. Всем спасибо. Проблема была на стороне сервера. Иногда не отдавалась картинка.

Answer 1

[Николай]

Тут нужно смотреть в сторону css, так как :before это псевдо элемент. Возможно у вас стоят какие либо плагины и в них стоит правило для img.

Вообще попробуйте покопайтесь в инспекторе, к примеру в Google chrome (F12).

Comments

[Alex]

с тегом img псевдо элементы не должны работать. глюк уже в том что есть открывающий и закрывающий тег/

[Николай]

Почему не должен работать?) Как раз из-за того, что есть этот псевдо элемент и появляется закрывающий тег

[Alex]

Dinfyru: вот вам пример jsfiddle.net/wqfm3ws2/. Псевдо элементы работают только с парными тегами. С input тоже работать не будет.

[Stanisav]

Обнаружилось что картинки с сервера не грузятся иногда. Теперь нужно понять почему картинка не загружается иногда. Все остальные картинки хранятся на том же самом сервере. Разница лишь в том, что проблемная картинка загружается каждый раз принудительно, без кеширования.

Answer 2

[Alex]

Это у Вас не правильно сформирована ссылка, у тега img нет href="...". Ищите в шаблонах, или где оно у Вас формируется.

<img href="...">

::before

</img>

Answer 3

[OutworldDevourer]

<img src="">
<a href=""></a>
Если верстаете с помощь css фреймворка, советую - покапаться в css. Через дев тулс в браузере можно отловить от куда такое поведение, вплоть до указания в каком файле и строке указан - псевдокласс. Если вёрстка без использования фреймворков, - советую reset.css использовать.