How to position two divs on the absolute front of a page, but with one over the other? CSS
I'm creating a custom overlay popup. To do it, I'm laying a masking
div over the page with
0.8. The popup is another
div laid on top of the masking
I'm writing a function to hide these two
divs if the masking
div is clicked on. This will 'close' the popup window.
div, not just the masking
div. This indicates that the popup
div is not positioned to the absolute front. I've also noticed the text in the popup
div is slightly opaque indicating it's also being affected by the masking
How can I position the masking div to the absolute front?
stopPropagation() to make the event not bubble up the dom