Question

I have a Modal Pop up . When I click on a button in the Modal Pop Up, another Modal Pop Up shows up. But some of the second modal pop up it hides behind the first modal pop up. How to make it show above the first modal pop up.

Any ideas and suggestions are appreciated !

Answer 1

Try setting the z-index of the popup wrapper you want above greater than the other..

#popup1 {
   z-index: 9997;
}

#popup2 {
   z-index: 9998; // This will come above popup1
}

This is provided that #popup1 and #popup2 have the same parent.