Make元素显示在顶部，但在可点击下方

Question

我正在尝试制作一个通知系统，屏幕右上角会显示一个小方框。 但是，我希望通知下的屏幕部分是可点击的。就像现在一样，当通知存在时，您无法与其下的内容进行交互。如何使其下方的区域可点击？我尝试过使用z-index，position和transform属性，但他们仍然会将通知显示在其他内容之上。

Answer 1

在弹出框中使用pointer-events: none以允许点击和光标互动通过它。

请注意，IE10或以下版本不支持此功能，但这只占用户的一小部分。

http://caniuse.com/pointer-events/embed/