Почему на элементе появляется копия текста ниже?

При проверке с помощью github pages в категория появляется полупрозрачная копия текста ниже, причем безо всякой системы. При изменении любого параметра(размер экрана, убрать какое-нибудь свойство на панели разработчика) пропадает, но при обновлении возвращается обратно, причем не всегда на том же элементе.
ce3ed02dee6e4310a7959baa2e2b86cf.PNG
Страница: https://pcheluntik.github.io/TellUs/category.html

Код элемента:
<li>
  <a href="" class="b-green category-item">
    <p class="stock-quantity">135</p>
    <img src="resources\img\barbershop.svg" alt="">
    <p>Парикмахерские</p>
  </a>
</li>


Как это исправить? Возможно связано с наведением, но каким образом это происходит найти не могу
  • Вопрос задан
  • 191 просмотр
Решения вопроса 1
@Pcheluntik Автор вопроса
Решено с помощью блока-обертки для img с фиксированным размером, после чего текст не смещается
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
интересный баг. есть только в хроме. опытным путем установил, что он из за градиента.
Ответ написан
Tizi
@Tizi
гуру программист ( no )
Хром. Полет нормальный.
Клик
111556d9e8ba461aad251db07bb88f71.png
Ответ написан
Ваш ответ на вопрос

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

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