Css 文本上的淡入黑色覆盖

我试图在包含文本的div上创建一个透明覆盖。当通过一个按钮触发时，它应该是开和关的动画。通常，您只需在该div内创建一个具有绝对定位和全宽/高的div，并使用ease或动画更改不透明度

但我希望能够选择div中的文本。更改覆盖从

display: block

到

---

将打断正在褪色的动画。如何从“块”淡入“无”，以便重新使用参考底图div？

您可以按照问题中提到的不透明度方法，只需添加指针事件：无；和指针事件：all；。指针事件属性告诉浏览器该元素应该如何对鼠标和触摸交互做出反应，如果将其设置为“无”，则只让事件通过，就像该元素根本不存在一样。更多信息：

---

浏览器支持不错，除了ie如果您可以使用jQuery，这可能就是您想要的：

$document.readyfunction{ $popuptn.clickfunction{ $.overlay.fadeIn1000； $.overlay.cssdisplay，块； }; $close.clickfunction{ $.overlay.fadeout 1000； //$.overlay.cssdisplay，无； }; }; 身体 html{ 保证金：0； 填充：0； } .覆盖{ 位置：绝对位置； 排名：0； 左：0； 右：0； 底部：0； 背景：RGBa0,0,0,0.5； 显示：无； } .弹出窗口{ 背景：绿色； 宽度：200px； 高度：200px； 显示：继承； 位置：绝对位置； 左：50%； 最高：50%； 裕度：-100px 0-100px； } 点击我 弹出文本

关

---

欢迎来到StackOverflow，您的问题应该包含一个。另外，请澄清一下。重新使用我的基础div意味着什么？如果从按钮触发动画，为什么需要使用display？为什么不设置不透明动画？你可以像你在问题中提到的那样沿着不透明的道路前进，只需添加指针事件：无；和指针事件：全部；

display: none