Как скрыть надпись от тега alt?

Question

[CAMOBAP4UK]

Доброй ночи после тега alt появляется такой артефакт

https://codepen.io/camobap6/pen/OJyYRXa
Как можно это скрыть ?

Comments

[Dima Polos]

alt - НЕ артефакт! картинка не подгрузилась, но alt вещь нужная!

Answer 1

[Кирилл Никитин]

Со вчера всё никак? ) Ладно, вот какой вариант. Я предполагаю, что затыка в том, что хочется и атрибут alt и css свойство background-size, верно? Тогда попробуйте вместо background-size, применить к img свойство object-fit.

Answer 2

[Степан Крапивин]

У тебя используется изображение и в стилях на него делаешь фоновое изображение.
Так делать не нужно, выбери что-то одно:

Либо поправь путь к изображению в src в теге <img> и убери фоновое изображение.

Или замени <img> на <div> с фоновым изображением.

Comments

[CAMOBAP4UK]

Если ставлю див , тогда ругается валидатор на тег alt

[Степан Крапивин]

CAMOBAP4UK, так и убери alt - он может быть только у тега <img>

[CAMOBAP4UK]

хорошо , а как сделать что бы при Не Загрузке картинки была надпись ?

[Степан Крапивин]

CAMOBAP4UK, ок, значит вариант №1 как я описал в ответе - используем img но убираем фоновое изображение.

Поправь путь к изображению, что-бы оно загружалось корректно, тогда не будет видно текста из alt

[Banan44]

CAMOBAP4UK, вам же она не нужна

Answer 3

[Дима Паутов]

Дать картинке font-size: 0;
Но это избавит от текста, но иконка всё равно останется

Comments

[CAMOBAP4UK]

а как и от иконки избавиться ? где я в коде косячу ?

[Дима Паутов]

CAMOBAP4UK, да никак