Как стилями настроить тень фигуре из двух блоков?

Question

[weranda]

Приветствую

Имеем вот такую хреновину с тенью по всему периметру, нарисованную в графическом редакторе. По сути эта фигура в HTML состоит из двух блоков — div.top+div.bottom. Что делать с равномерной тенью по всему периметру этой фигуры — ХЗ. Есть идеи реализации?

Answer 1

[forspamonly2]

нижний блок обернуть контейнером с overflow:hidden и обрезать верхнюю часть тени путём высовывания её за край контейнера. пристроить этот бутерброд к краю верхнего блока с большим z-index

Comments

[weranda]

Не понял реализацию. Если нижний блок обернуть в overflow:hidden, тогда тень внутреннего блока исчезнет. Могли бы привести пример с кодом?

[forspamonly2]

с трёх сторон зазор под тень оставить, а четвертой стороной обрезать лишнюю часть.