jquery - How to set z-index of SlideJs lower than z-index of dropdown menu -
i using slidejs plugin http://www.slidesjs.com/.
i facing z-index issue.
can see example code http://jsfiddle.net/wntps/
slidejs-slideshow below dropdown menu. when hover menu dropdown menu hides behind slideshow. tried give highest z-index dropdown menu issue not resloved.
please tell me best solution resolve issue.
thanks
i think should fix problem. gave id slides postion of relative , z-index of 0, , gave menu id z-index of 1. note z-index work positioned elements. highest index appear on top.
#menu{ width:1024px; height:50px; position:relative; border:1px solid; z-index: 1; } #menu li{display:inline; height:20px; display:block; float:left; overflow:hidden; } #menu li:hover{overflow:visible;} #menu li ul li{float:none;} #menu li a{display:inline-block; width:100px} #slides { position: relative; z-index: 0; }
Comments
Post a Comment