z-index problem

[mlegg]

on this page (http://ryesunrise.com/photo.html) when you click on a thumbnail, the lightbox opens the image behind the menu if you are near the top of the page. I have the z-index set as 10. What am I doing wrong?
thanks

http://ryesunrise.com/index_files/vlb_engine/visuallightbox.js is where the visuallightbox Javascript file is located

[Deadweight]

I think this is what you need to do:
add this anywhere:


#vlb1overlay {z-index:100 !important;}


Then add this
z-index: 1;
to
ul#css3menu1,ul#css3menu1 ul
in RyeSunrise_menu_files style.css

[mlegg]

that didn't work :( and I made another new site (http://ryebeachhome.com/photo.html) and the photo's pop up under the navigation menu bar again.

I looked in the http://ryebeachhome.com/RyeBeachHome_menu_files/css3menu1/style.css (http://ryebeachhome.com/RyeBeachHome_menu_files/css3menu1/style.css)

here is the lighbox css page (http://ryebeachhome.com/index_files/vlb_files1/vlightbox1.css) and this too (http://ryebeachhome.com/index_files/vlb_files1/visuallightbox.css)

[Deadweight]

Where is your css for your menu bar?

[mlegg]

Where is your css for your menu bar?
that is the link http://ryebeachhome.com/RyeBeachHome_menu_files/css3menu1/style.css

[Deadweight]

This might sound awkward but can you zip all the contents and message me the link to download it. Would make this much more easy to figure out

[Deadweight]

Change in style.css


ul#css3menu1{
font-size:0;width:100%;z-index:999;position:relative;display:inline-block;zoom:1;padding:0 0%;margin:0 0%;
*display:inline;*padding-right:0.95%;}

to:


ul#css3menu1{
font-size:0;width:100%;z-index:10;position:relative;display:inline-block;zoom:1;padding:0 0%;margin:0 0%;
*display:inline;*padding-right:0.95%;}


in styles.css under header make that 11:


header {
background: linear-gradient(to left,rgba(54,194,182,0.96) 0,rgba(62,188,207,0.96) 100%);
border-bottom: 1px solid rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
display: block;
position: fixed;
width: 100%;
z-index:1000;
}

to


header {
background: linear-gradient(to left,rgba(54,194,182,0.96) 0,rgba(62,188,207,0.96) 100%);
border-bottom: 1px solid rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
display: block;
position: fixed;
width: 100%;
z-index:11;
}

[mlegg]

WOW this has been driving me insane :rolleyes:
thank you so much!