包裝動態元素

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