How to make the popbox the highest z-index

gristmill / jquery-popbox

jQuery PopBox UI Element

http://gristmill.github.com/jquery-popbox/

420 stars 77 forks source link

How to make the popbox the highest z-index #11

Open clochette opened 11 years ago

clochette commented 11 years ago

Hi. I have several "open" links in a same page (they all are images), each opens one popbox.

My problem is that when I click to open a popbox, if the popbox overlays with one of the other "open" links, the popbox is not the highest z-index so, the other links are not hidden by the popbox but they still show, as if they were in the middle of the content of the box.

How could I fix this ?

Thanks pop

BeatnikDude commented 11 years ago

I did it by adding this CSS:

div.popbox .collapse {
 z-index: 1;
}

clochette commented 11 years ago

Thanks but I'm afraid it doesn't make a diffrence. The other "open" links are always appearing over the popbox... :(

Petread commented 5 years ago

Hi, Even if this post is pretty old. I had struggles with this also for a long time. Key is to set Z-index of your elementor div to something higher.

select your elementor block
go to advanced settings
set Z-Index to something above the other elements.

br, Peter