Какперебить overlay z-index?

Question

[an]

Вообще не получается ничего
пытаюсь сделать при клике на поисковую строку затемнение всей части сайт кроме поиска
но я так понимаю я вообще не то делаю или не так
хочу сделать по примеру меню

и не понимаю как оно работает

есть горизонтальное меню, в нем выпадающее, при наведении все тухнет кроме меню
горизонтальному блоку дал z-index 10
а выпадающему 999
и там все работает

а вот с поиском так не работает

Comments

[RAX7]

переложи .oover внутрь .m-seacrh

[an]

RAX7, пробовал
он не растянется на весь экран
т.к там много вложеных блоков с position relative
и тем самым оверлей будет только внутри m-seacrh

[an]

RAX7, ан нет. что то уже выходит но не совсем то что нужно

[RAX7]

an,
и для .navbar_d2s1 поставь z-index: 9

[an]

RAX7, спасибо. получается вроде

Answer 1

[Froggyweb]

z-index дочернего элемента не может быть выше родителя. У тебя .header-wrapper z-index: 9.

Comments

[an]

Спасибо
вышло