Visual LightBox
How I can do for the image in jquery show on top layer of the menu?
Q: I have a CSS/javascript menu that stays on top of the VisualLightbox popup image slide.
How I can do for the slide show on top layer of the menu?
A: Open engine/css/visuallightbox.css file and find the following code:
#overlay{
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:auto;
background-color:#ffffff;
}
#lightbox{
position:absolute;
top:20px;
left:0;
width:100%;
z-index:100;
text-align:center;
color:#151410;
line-height:0;
}
change it to:
#overlay{
position:absolute;
top:0;
left:0;
z-index:9000;
width:100%;
height:auto;
background-color:#ffffff;
}
#lightbox{
position:absolute;
top:20px;
left:0;
width:100%;
z-index:10000;
text-align:center;
color:#151410;
line-height:0;
}