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

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

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

Любые идеи, что я делаю неправильно?

Ответ 1

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

#primaryNav {
  position: relative;
 }

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

Ответ 2

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

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

Ответ 3

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