css - 包装动态元素

Question

这是我的小提琴http://www.jsfiddle.net/UxUMG/。我有一个下拉菜单。父 ul 具有 box-shadow 属性。当我将鼠标悬停在父菜单项上时，子 ul 出现时没有阴影。我必须做什么才能将整个菜单包裹在阴影中？

Answer 1

更改您的子类以包含 box-shadow 属性

.child {
    display: none;
    position: absolute;
    left: 160px;
    box-shadow: 5px 12px 18px rgba(0,0,0, 0.5);
    top: 0;
    z-index: 1;
}