javascript - jquery:下拉菜单不显示固定位置 div 顶部的边框样式

Question

我有一个我一直在处理的下拉菜单，但我似乎无法弄清楚为什么 b 顺序/框阴影的样式在我的固定 .menu2 div 之上不起作用。

http://jsfiddle.net/rKaPN/53/

.menu ul li ul{
position:absolute;
right: 0px;
border:1px solid #C3D1EC;
/*box-shadow*/
-webkit-box-shadow:0 1px 5px #CCCCCC;
   -moz-box-shadow:0 1px 5px #CCCCCC;
        box-shadow:0 1px 5px #CCCCCC;
margin-top:-1px;
display:none;
padding:0px 16px 0px 0;
}

.menu-2 {
  position: fixed;
  top: 30px;
  left: 0px;
  width: 100%;
  height: 100px;
  background: #DDD;
  color: #fff;
}

Answer 1

给它一个比 menu2 更高的 z-index :)

参见:http://jsfiddle.net/rKaPN/55/

li.menu-right.drop-down ul {
    display: block !important;
    position: absolute;
    right: 0;
    z-index: 1;
}