【问题标题】:How can I make an unclickable HTML "Ghost" Div?如何制作不可点击的 HTML “Ghost” Div?
【发布时间】:2014-03-19 14:03:46
【问题描述】:

我想在 HTML 中制作一个类似于 div 的 Toast,它会出现几秒钟并再次缓出,使用 css ease out。 现在的问题是,当它处于活动状态和不可见时,它会阻止点击它背后的东西。 那么有没有办法让用户点击它背后的东西? 每次它消失时我都可以将其销毁,但随后会丢失缓动效果,并且用户在它处于活动状态时仍然无法单击按钮。 那么如何让它更像 Google Toast?

【问题讨论】:

  • 你能用你目前拥有的东西和你想要完成的东西来设置一个演示吗?
  • 我喜欢 toast div 的想法。你已经尝试了什么?我们可以看看一些代码吗?
  • 不是我的主意,我是从这个家伙那里得到的:blog.terrenceryan.com/… 我并没有真正改变太多。

标签: javascript css html toast


【解决方案1】:

你可以使用pointer-events: none:

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

小提琴Fiddle Using Button

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2021-07-02
  • 2012-08-17
  • 2011-04-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-02-27
  • 1970-01-01
相关资源
最近更新 更多