如何制作一个无法点击的HTML"Ghost"Div?

use*_*831 -2 html javascript css toast

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

Ano*_*ous 6

你可以使用pointer-events: none:

<div style="pointer-events: none">hi</div>
Run Code Online (Sandbox Code Playgroud)

小提琴:Fiddle Using Button