Problem Z-index Bootstrap Gallery

Permalink
Hi,

I'm trying to correct some Css problem in my website because the Bootstrap Gallery when come on fullscreen is under my footer and my header.

I did give a try to change the z-index to this class : .blueimp-gallery
But nothing changed.

Did one of you know a way to really put the Black overlay and fullscreen image on top of all the other elements ?

In attached screen of the problem

If any idea you're welcome

Chris

chrismodlao
 
hutman replied on at Permalink Reply
hutman
Please include the attachment and a link to your site where we can see the issue first hand.
chrismodlao replied on at Permalink Reply 1 Attachment
chrismodlao
Hi,

Website i cant i work on local with Wamp.
Attached file to see results.

I will try if tie to put it online tomorrow.

Chris
chrismodlao replied on at Permalink Reply 1 Attachment
chrismodlao
And i just try something.

I setup the add-on : Lightboxed image
This one work and cover the header and footer.

Excepet of those CSS file nothing more is called to make the overlay and gallery on fullscreen :
- blueimp-gallery.css
- blueimp-gallery-indicator.css
- bootstrap.css

See attached file
chrismodlao replied on at Permalink Reply
chrismodlao
And it works also with this add-oc : Simple Image Gallery