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;
}

Related