Можно ли затемнить ВСЕ родительские блоки?

[d0ublezer0]

Вот скажите пожалуйста, возможно ли такое, если блок внутри родителя (ну и родителей, естественно): при выпадении меню по наведении, всё что под ним - затенять?

https://road.media/

Наведя на каталог, хочу добиться, чтобы всё что вокруг "выпадайки" затенилось.

Это возможно? Если пытаться через opacity для родителей, то затеняется всё вместе с ребенком, что логично.

Есть мысль с абсолютным блоком под выпадайкой, но выше родителей, но как его вызвать и позиционировать не додумаюсь что-то. Направьте?

Типа того:

.page-wrap::before {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 3;
}

Но этот псевдоэлемент перекрывает само меню...

Edited September 20, 2016 by d0ublezer0

[d0ublezer0]

Ну вот сделал так:

 

.menuline ul.menu-level1 .cat-toggler:hover{
    -moz-box-shadow: 0 0 0 5000px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 0 5000px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0 0 5000px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0 0 5000px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 5000px rgba(0, 0, 0, 0.05);
}

Спасибо, вопрос снят

Edited September 21, 2016 by d0ublezer0

[wwt]

нельзя в CSS обращаться к родительским элементам (пока нельзя), используйте javascript

[Q4Dizzy]

10 часов назад, wwt сказал:

нельзя в CSS обращаться к родительским элементам (пока нельзя), используйте javascript

А как же этого не хватает... Вот прям жутко не хватает.

[Николя223]

мне больше нехватает обращения к предыдущему элементу.