почему тень не перекрывает элементы?

[d0ublezer0]

Привет!

http://resursmed.ru/balm

Не пойму, как добиться, чтобы тень box-shadow от выпадающего меню с z-index:50 накрывала элементы, идущие ниже по потоку. Вроде же всё для этого есть. А не работает...

Посоветуйте?

[ShumNo]

18 минут назад, d0ublezer0 сказал:

У него и так стоит 50 - больше, чем у остальных элементов на странице.

с ul.cat-drop-list  z-index убрать вообще

а на родителя с box-shadow .cat-toggler-holder поставить z-index: 5

[ShumNo]

z-index поставьте тому же элементу у которого стоит box-shadow и будет работать как хотите

[d0ublezer0]

3 минуты назад, ShumNo сказал:

z-index поставьте тому же элементу у которого стоит box-shadow и будет работать как хотите

У него и так стоит 50 - больше, чем у остальных элементов на странице.

[d0ublezer0]

26 минут назад, ShumNo сказал:

с ul.cat-drop-list  z-index убрать вообще

Можете еще подсказать, чтоб два раза не вставать?

http://resursmed.ru/46-bad-k-pishe/bobrodok

тень от <header> перекрывает блок с хлебными крошками. этого можно избежать? хочется , чтобы тень была только на подложке.

тут обратная ситуация - тень перекрывает элементы, которые не надо перекрывать

 

Edited September 18, 2017 by d0ublezer0

[ShumNo]

1 час назад, d0ublezer0 сказал:

Можете еще подсказать, чтоб два раза не вставать?

http://resursmed.ru/46-bad-k-pishe/bobrodok

тень от <header> перекрывает блок с хлебными крошками. этого можно избежать? хочется , чтобы тень была только на подложке.

тут обратная ситуация - тень перекрывает элементы, которые не надо перекрывать

 

Если я верно понял, то добавить

.breadcrumb-line {position:relative;}

 

[d0ublezer0]

3 часа назад, ShumNo сказал:

Если я верно понял, то добавить

.breadcrumb-line {position:relative;}

 

Точно! А как это работает? Ведь не очевидно.

[ShumNo]

Как не очевидно? Мы видим, что один слой нам надо поднять над другими, а тут и вариантов то не много, как не обратить внимание на позиционирование?

[Launder]

Почитайте.