Как скрыть картинку в CSS

Чтобы скрыть картинку в CSS, можно использовать свойство display: none;. Вот пример:

<img src="image.jpg" class="hidden">
.hidden {
  display: none;
}

Здесь display: none; — свойство, которое скрывает элемент. Картинка с классом .hidden не будет отображаться на странице.

Если вам нужно скрыть картинку при определенном условии, например, на страницах мобильных устройств, вы можете использовать медиа-запросы. Например:

.hidden {
  display: block;
}

/* скрытие картинки на мобильных устройствах */
@media (max-width: 767px) {
  .hidden {
    display: none;
  }
}

Здесь мы используем медиа-запрос, чтобы скрыть картинку на устройствах с шириной экрана менее 768 пикселей. В остальных случаях картинка будет отображаться.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как скрыть картинку в CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали