Тень коробки не покрывает div

Question

Это мой первый вопрос :) Тень от ящика не распространяется на выпадающий список ul.Смотрите скриншот, пожалуйста - http://i31.fastpic.ru/big/2012/0202/7d/83a6dfa12f24ace82a3df52b6fe0587d.png. Я пытаюсь решить эту проблему в течение нескольких часов, но безрезультатно :( Странно, я дал z-index родительскому элементу 500 и раскрывающемуся адресу ul 1, но теньнаходится под раскрывающимся списком ul, а не над ним. Вот ссылка: http://layot.prestatrend.com/ Надеюсь, что кто-то поможет мне, спасибо.

Answer 1

Это проблема, связанная с контекстом стекирования .

Дело в том, что вы не можете разместить блок ниже, чем ближайший родитель с нестатической позицией и положительным z-index. Итак, у вас есть z-index:100 на #categories_block_top .tree li, поэтому вы не можете поместить ul под ним.

Чтобы исправить это (одним из способов), вы можете удалить это z-index, затем добавить position:relative;z-index:1; к #wrapper и затем добавить отрицательный z-index как z-index:-1; к ul. При этом вы поместите его на тот же уровень, что и #wrapper, так что он будет выше содержимого после него, но под box-shadow из #subheader.

.

Answer 2

Добавить внутреннюю (или вставную) тень к первому элементу li раскрывающегося списка. Я думаю, потому что элемент всегда будет внутри главного меню, тень не будет работать или появляться над подсписком.