I don't know how many times I've looked up on the Google how to do this so I'm writing this blog post in hopes that it will burn this line of css into my memory. Suppose you have a div (call it div A) that has a higher z-index xss property (and is thus in front) of div B which has a lower z-index value.
If you try to click on div A nothing will happen even if you are listening for click events. This is because the front div has 'pointer events', and these will prevent mouse events from going through. In order to allow clicking div A, you need to simply add 'pointer-events: none' to div A.
The posts on this site are written and maintained by Jim Lynch. About Jim...