jquery:下拉菜单不会在固定位置div上显示边框样式

时间:2011-10-28 20:58:05

标签: javascript jquery html css

我有一个我一直在努力的下拉菜单,我似乎无法弄清楚为什么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;
}

1 个答案:

答案 0 :(得分:0)

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

请参阅:http://jsfiddle.net/rKaPN/55/

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