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

[d0ublezer0]

Привет!

http://resursmed.ru/balm

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

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

[ShumNo]

  On 9/18/2017 at 1:00 PM, d0ublezer0 said:

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

Expand  

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

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

[ShumNo]

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

[d0ublezer0]

  On 9/18/2017 at 12:56 PM, ShumNo said:

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

Expand  

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

[d0ublezer0]

  On 9/18/2017 at 1:16 PM, ShumNo said:

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

Expand  

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

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

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

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

 

Edited September 18, 2017 by d0ublezer0

[ShumNo]

  On 9/18/2017 at 1:28 PM, d0ublezer0 said:

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

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

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

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

 

Expand  

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

.breadcrumb-line {position:relative;}

 

[d0ublezer0]

  On 9/18/2017 at 2:44 PM, ShumNo said:

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

.breadcrumb-line {position:relative;}

 

Expand  

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

[ShumNo]

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

[Launder]

Почитайте.