How does canvas penetrate the dom element below?

for example, this page has a penetrating click:
http://animejs.com/

canvas at the top, mouse clicks will animate, but this will cover the dom elements below.
after my local test filled the full screen with canvas, the a tag on the page was unclickable.

that is, the effect is that the click of the canvas does not conflict with the click of the dom element on the page, for example, the mouse over the a tag will still appear underlined, as if the canvas does not exist.

how is this URL realized?

Jan.27,2022
Add pointer-events:none to the style of

canvas.


canvas is at the bottom, and the upper elements are processed with rgba (). The compatibility problem of pointer-events:none cannot be solved from the root.


have you solved the problem


elementFromPoint ?

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bd9d20-31196.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bd9d20-31196.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?