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

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

источник

2012-02-02 Anton

Это вопрос относительно stacking context.

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

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

источник

2012-02-02 20:57:14 kizu

kizu, большое спасибо !!!!!!!!!!!! Спасибо огромное !!!!!!!!!!! :) – Anton

Всегда пожалуйста :) – kizu

@ Антон: Вы должны «принять» этот рабочий ответ, проверьте это: http://meta.stackexchange.com/a/5235/155050 – thirtydot

Prepend внутренний (или вставка) тень на первый Lī элемент списка Я предполагаю, что этот элемент всегда будет находиться внутри основной.. меню, тень не будет работать или отображаться над вспомогательным списком.

источник

2012-02-02 20:51:28

Создайте внутреннюю (или вставную) тень на первом элементе li в раскрывающемся списке - это будет не очень хорошо выглядеть. Поскольку элемент всегда будет находиться внутри главного меню, тень не будет работать или появится над дополнительным списком - я знаю, но даже z-индексы не решают проблему, как это могло быть, почему z-индексы не работают? – Anton

Выпадающее меню является дочерним элементом элемента с теневой коробкой. Следовательно, z-index в этом случае не поможет вам с решением. –

Я пытаюсь заставить работать градиент, который будет имитировать тень. @VinnyBurgh То же, что я думал :) И решение кизу должно действительно работать, я не думал об этом, извините. Надеюсь, ты справишься. –

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

ответ

Смежные вопросы