Задать вопрос
@VasECHKA
css

Как реализуется такое оформление карточки товара?

Как реализуется такое оформление карточки товара? Когда товара нет, он недоступен для нажатия и перекрыт полупрозрачным белым.
Такой вариант верный?
pointer-events: none;
opacity: 0.5;
background: #CCC;
5d98b36809b7a812715121.png
  • Вопрос задан
  • 76 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
makssof
@makssof
Web-разработчик
Зависит от фона. Если статичный моно цвет, то можно и прозрачностью основного блока обойтись. Если сложнее, то плёнкой (какой-нибудь белый полупрозрачный див поверх)
А то что нельзя нажать, так это просто disabled у всего в блоке
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 140 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Frontend разработчик
Базис-Центр • Коломна
от 30 000 до 70 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Спроектировать Алу в multisim и дать краткое теор. обоснование работы
18 мая 2024, в 11:58
3000 руб./за проект
Разработать CEF интерфейсы для игры (Frontend - React)
18 мая 2024, в 11:55
50000 руб./за проект
Исправить код бота в ТГ
18 мая 2024, в 11:44
2000 руб./за проект
Ещё заказы