Visible overlay that doesn't interfere with usability?

Question

I was wondering if there was a way to position an overlay div (for example, "overlay") over another div ("interface") that does not block the usability of the interfaces (for example, clicking on links).

I can only think of onclick, which takes up the position of the mouse and related to the interface elements ...

I would be grateful for any help and ideas

Answer 1

You can use the CSS3 property pointer-events:none to enable interaction for a layered element that would otherwise obscure the page.

See: http://robertnyman.com/2010/03/22/css-pointer-events-to-allow-clicks-on-underlying-elements/

However, this is not well supported by most browsers (e.g. IE).

See also this question: CSS pointer-events property alternative for IE .