Hi,
Parent and child elements are important when dealing with z-index.
Let me give you an example to explain better. if you have a DIV tree something like this:
- DIV 1 (parent, z-index: 1)
--- DIV 2 (child of DIV1, z-index: 99999999)
- DIV 3 (parent, z-index:2)
In this situation, DIV3 will stay on top of DIV2, because DIV3's z-index is bigger than DIV1. Understand?
Your problem is related to that. The easiest solution is to reduce the z-index of ZoomEffect (instead of increasing the popup's) so you won't mess up your entire website in other pages.
To overwrite the z-index value for ZoomEffect container, use the !important parameter, something like this:
.flexibleZoomContainer { z-index: 10 !important}
Find the best value by changing the number.
TIP: Reduce the z-index of ZoomEffect Container one less than the absolute parent of popup's container. It is the best if you try it with Browse Inspector.
Regards.