Search code examples
csswordpressz-index

Complex Z-Index stacking issue


I have been trying to resolve the z-index issue with a slider on a wordpress page https://yamahajaipur.com/slider-test-jas/

If we mouseover to the last (+) icon, there is div that shows up. Half part of the div is not showing up due to z index stacking. I am not able to figure out the problem . I have checked the parent elements too if they have lower z-index.

As in the screenshot below , i want the selected div to be on the top of the stack(highest z-index) enter image description here


Solution

  • There are a couple of overflow: hidden; declarations that are cutting off that content. one was on the div#n2-ss-9 .n2-ss-slider-3 element, the other was on div#n2-ss-9 .n2-ss-slide, div#n2-ss-9 .n2-ss-canvas. Make those overflow: visible and you are probably there, but I'm not sure how that will affect other elements on the page.