[英]jquery: drop down menu doens't show border styling on top of fixed position div
I have a drop down menu I've been working on and I can't seem to figure out why the styling of the b order/box shadow won't work on top of my fixed .menu2 div. 我一直在使用下拉菜单,但似乎无法弄清楚为什么b订单/框阴影的样式无法在固定的.menu2 div上使用。
http://jsfiddle.net/rKaPN/53/ 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;
}
Give it a higher z-index than the menu2 :) 给它一个高于menu2的z-index :)
See: http://jsfiddle.net/rKaPN/55/ 参见: http : //jsfiddle.net/rKaPN/55/
li.menu-right.drop-down ul {
display: block !important;
position: absolute;
right: 0;
z-index: 1;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.