Задать вопрос
ws17
@ws17
html

Вертикальное многоуровневое меню, при наведении на меню, затемнение заднего фона, как сделать?

Здравствуйте, решил немного доработать меню, сделать как на сайте днса, когда наводим на меню каталога, вылезает подменю и сам сайт темнеет, а каталог с подразделами видно хорошо без затемнения.

Пример:
4289a3ffd25b47f1bb1d5b4c1aff0c95.jpgКак такое можно сделать?
Само меню в действие можно увидеть тут:
https://jsfiddle.net/63yxg24z/7/
  • Вопрос задан
  • 1538 просмотров
Комментировать
Подписаться 3 Оценить Комментировать
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку 
.sky-mega-menul:hover {
  box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);
}


https://jsfiddle.net/3vL69tq9/

Только еще разобраться с моментом появления и стилями выпадающего блока, но суть должна быть ясна.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
mlnkv
@mlnkv
JavaScript Developer
https://jsbin.com/xoxumanedu/edit?html,css,output
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 140 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Бот
08 мая 2024, в 19:51
10000 руб./за проект
UX/UI дизайн
08 мая 2024, в 19:42
150000 руб./за проект
Настройка TrueNAS Scale
08 мая 2024, в 19:41
1500 руб./за проект
Ещё заказы