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

Question

[Антон Вебсайтовский]

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

Пример:
Как такое можно сделать?
Само меню в действие можно увидеть тут:
https://jsfiddle.net/63yxg24z/7/

Answer 1

[Ankhena]

.sky-mega-menul:hover {
  box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);
}

https://jsfiddle.net/3vL69tq9/

Только еще разобраться с моментом появления и стилями выпадающего блока, но суть должна быть ясна.

Comments

[Антон Вебсайтовский]

спасибо большое.

Answer 2

[Сергей Мельников]

https://jsbin.com/xoxumanedu/edit?html,css,output

Comments

[Антон Вебсайтовский]

Здравствуйте, что-то там у вас по ссылке непонятно где каталог.

[Сергей Мельников]

Антон Вебсайтовский: что то пошло не так, поправил ответ