如何制作一个无法点击的HTML“Ghost”Div？

Question

我喜欢在HTML中制作像div一样的Toast，它会显示几秒钟并再次缓解，使用css easy out。 现在的问题是，当它处于活动状态并且不可见时，它会阻止点击它背后的东西。 那么有没有办法让用户点击它背后的东西？ 我可以在每次消失时将其销毁，但随后缓和效果丢失，用户在活动时仍然无法点击按钮。 那么如何让谷歌Toast更像？

Answer 1

您可以使用pointer-events: none：

<div style="pointer-events: none">hi</div>

小提琴： Fiddle Using Button