CSS box-shadow скрыт (z-index не исправляет)

Question

У меня есть тень от моего #primaryNav div. К сожалению, тень скрывается за фоном следующего элемента #page.

Я пытался установить z-index от 100 до #primaryNav и z-index от -100 до #page, но это не решает мою проблему.

Есть идеи, что я делаю не так?

Answer 1

Вам необходимо определить позиционирование для #primaryNav.Z-индекс влияет только на позиционированные элементы.Я только добавил это в firebug, и это исправлено:

#primaryNav {
  position: relative;
 }

Я бы не использовал отрицательный z-индексПросто измените z-index с #page на 0.

Answer 2

Как уже говорил, относительная позиция должна исправить это. Кстати, я бы посоветовал убедиться, что нет тени слева или справа от #primaryNav. Поскольку #primaryNav имеет ширину 100%, на боковой стороне тени появляется горизонтальная полоса прокрутки.

Для исправления этого вы можете установить overflow:hidden на #iframe

Answer 3

Я посмотрел на ваш сайт и думаю, что border-bottom свойство #primaryNav скрывает вашу тень.