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

http://jsfiddle.net/wntps/3/

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

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

CSS3 Transition to highlight new elements created in JQuery -