свойство box-shadow заставляет меню перекрывать другой div и выглядеть плохо

Question

У меня есть div меню, а ниже - div содержимого. Когда я добавляю box-shadow к содержимому div, он закрашивает меню div и выглядит не очень хорошо. Я хотел бы видеть тень коробки, нарисованную позади меню div.

Есть ли способ, как этого добиться?

Answer 1

Используя z-index, вы можете расположить «наслоение» ваших элементов:

.menu 
{
   z-index:1;
   position: relative;
}

.content
{
   z-index:0;
   position: relative;
}