<分区>
我正在尝试制作一个通知系统，其中一个小框出现在屏幕的右上角。 
但是，我希望通知下方的屏幕部分可以点击。就像现在一样，当通知出现时，您无法与它下面的内容进行交互。如何使其下方的区域可点击？我试过弄乱 z-index、position 和 transform 属性，但它们仍然使通知显示在其他内容。
<分区>
我正在尝试制作一个通知系统，其中一个小框出现在屏幕的右上角。
但是，我希望通知下方的屏幕部分可以点击。就像现在一样，当通知出现时，您无法与它下面的内容进行交互。如何使其下方的区域可点击？我试过弄乱 z-index、position 和 transform 属性，但它们仍然使通知显示在其他内容。
最佳答案
在弹出框上使用 pointer-events: none 以允许点击和光标交互通过它。
请注意，IE10 或以下版本不支持此功能，但只占很小一部分用户。
关于html - 使元素出现在顶部，但在下方可点击，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40707130/