包裹动态元素

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;
}