1 Topic by laurentsch (edited by laurentsch 2014-11-14 06:17:28)

  • Registered: 2014-04-19
  • Posts: 48

Topic: to put the menu in front of the gallery

Hello, I have a page which contains a JB gallery and a menu ; when one moves over the menu, the submenus should appear in front of the gallery, but no. To see them, I've put these CSS properties :
menu (html div) : position : relative and z-index : 1
JB gallery (div also) : position : absolute and z-index : 9999
but no ; so how to do ?

  • Registered: 2012-04-24
  • Posts: 5,947

Re: to put the menu in front of the gallery

The z-index value of your menu should be higher than that of your gallery (and its internal components) so that the menu is stacked on top of the gallery. I would recommend trying a z-index value of 9999 for your menu (and not manually applying a z-index value to any gallery elements at all).

Also, you will need to ensure that the z-index value is assigned to the correct class or id of your menu system.

If you are unsure which classes or ids should be assigned z-index values, please post the URL to your web page so that I can take a look and hopefully help further.

  • Registered: 2014-04-19
  • Posts: 48

Re: to put the menu in front of the gallery

still the same problem ! One URL where one can see it is http://vercorshandisport.org/html5/fb/f … lanche.php
My code is 

<div class="menu_devant" id="juicebox-container">

and 

 .menu_devant {
 position:absolute;
 z-index:9999;
 }

What could I do ?

  • Registered: 2012-04-24
  • Posts: 5,947

Re: to put the menu in front of the gallery

The code you posted will give the gallery (the 'juicebox-container' div) a z-index value of 9999 (via the 'menu_devant' class) which will force the gallery in front of all elements with a lower z-index value.

Remove the following code from your style-menu2.css file:

 .menu_devant {
 position:absolute;
 z-index:9999;
 }

... and change line 49 (in the 'menu' class section) from:

  z-index : 1;

... to:

  z-index : 9999;

My own tests with your gallery files show that this should work fine.