I’m trying to add an overlay to my page which is 100% in size. The problem is that the inner divs and buttons are not clickable anymore. Is there a way out of this?
I used the answer here to add the overlay: CSS: How to get this overlay to extend 100% with scrolling?
What i’m trying to achieve is like the mask we add to a layer/group in photoshop.
Thanks
2
Answers
The overlay, being on a layer above that of the button container, is most likely intercepting pointer events. Disable them:
you need to use a little bit of JavaScript or JQuery
here is the html page with JQuery and CSS