Скрытие иконки битого изображения с помощью HTML/CSS
Новая профессия почти у вас
Остался последний шаг
Шаг 1
вы здесь
Шаг 2
Шаг 3
Перейти в телеграм, чтобы получить результаты теста
Пройдите тест, узнайте какой профессии подходите
Заполните форму, чтобы открыть результаты теста и получить подарки
Вам подходит профессия:
Аналитик данных
Совместимость
78%
Основные характеристики профессии:
не нужно общаться с людьмилогикаанализпоиск закономерностейработа с числами
Построим личный план перехода в профессию для вас бесплатно
убедитесь, подходит вам профессия или нет
получите оценку своих навыков и шансов освоить профессию
забронируем за вами скидку 55% на обучение, пока думаете
Позвоним вам в течение часа — не пропустите звонок
Чем занимается специалист
Специалист создает все онлайн-продукты, программы, приложения, игры и сайты, которыми вы пользуетесь каждый день.
Создает — значит описывает последовательность действий на специальном языке программирования. Настраивает действия, что должно произойти, если пользователь нажмет на кнопку.
Средняя зарплата начинающего специалиста в первый год работы:
от 50 000 ₽
Что надо знать и уметь, чтобы выучиться на аналитика:
базовое школьное образование
уверенные навыки работы с компьютером
опыт выполнения задач в конкретные сроки
Глубокие знания математики или английского не нужны
Почему мы рекомендуем вам эту профессию
Ваш скрытый талант:
наблюдательность
Заполните форму, чтобы открыть результаты теста и получить подарки
Часто при создании веб-страницы может возникнуть ситуация, когда какое-то изображение не загружается. Это может произойти по разным причинам — ссылка на изображение может быть некорректной, само изображение может быть удалено или перемещено. В таких случаях браузеры обычно отображают иконку битого изображения.
Если на веб-странице используется большое количество изображений и некоторые из них не загружаются, это может сильно испортить общий вид страницы. Как же можно скрыть иконку битого изображения, используя только HTML и CSS?
Один из способов — это использовать псевдокласс :before или :after и свойство content. В этом случае, если изображение не загрузится, вместо него будет отображаться текст из свойства content.
img:before {
content: " ";
display: block;
}
В данном примере, если изображение не загрузится, вместо него будет отображаться пустое пространство.
Если хотите, чтобы вместо битого изображения отображался какой-то текст, просто замените пробел в свойстве content на нужный текст.
img:before {
content: "Изображение не загружено";
display: block;
}
Важно отметить, что этот метод работает во всех современных браузерах.
Одной из распространенных задач при верстке веб-страниц является центрирование элементов. Это может быть необходимо для улучшения визуального восприятия
Добавить комментарий