Как иметь два элемента. Поделиться тенью коробки ⇐ Html

[Anonymous]

Итак, у меня сложная ситуация: у меня есть внешняя div обертка, которая содержит внутренний div и ul как так:

Код: Выделить всё

[list]...[/list]

#list должен быть абсолютно позиционирован, чтобы быть прямо под #box , но не перемещайте его и другие элементы на странице, как она появляется и исчезает.

Поскольку это абсолютно позиционируется, если я добавлю границу вокруг #Wrapper , он только обойдет #box . Box-Shadow Конечно, действует так же. Проблема в том, что мне нужна тень, которая беспрепятственно сочетается с обоими элементами. br />

дайте обоим элементам свою собственную тень, а затем используйте -Webkit-crath-path < /code>, чтобы избавиться от верхней тени на #List , заставляя его выглядеть как одна тень, идущая вокруг группы. Так что этот метод работает, но он не выглядит хорошо. Ссылка на ответ Описание решения. . хорошо в теории, но на практике тени по бокам теперь не идут по всей длине. Ссылка на ответ на описание решения. Вот JSFIDDLE того, что я пробую это. Перекрывающаяся тень. Ссылка на ответ Описание решения < /p> < /li>
< /ol>

Я остался в небольшом джему, так как я бы очень хотел тени Вокруг #box и #list вместе, но не может найти решение, которое работает для моего конкретного случая. Любые предложения были бы чрезвычайно полезны!

Примечание. > Работа над хромом, но это только должно работать над Chrome!

Подробнее здесь: https://stackoverflow.com/questions/383 ... box-shadow