隐藏的DIV链接使其他人无法点击

Question

您好，感谢您的阅读。我遇到一个问题，opacity: 0;的隐藏div仍允许用户与div的可点击元素进行交互。这使得用户无法与隐藏的div重叠的可点击元素进行交互。我通常会通过使用来解决这个问题 position: absolute; pointer-events: none; 但这导致了相反的发生，隐藏的div链接不再可点击。我已经仔细检查了我的z-index，看起来是正确的，但问题仍然存在。此外，隐藏的div似乎忽略了应用于它的切换效果，只是弹出任何动画。

单击复选框以激活隐藏的div：

http://codepen.io/gmrstudios/pen/jyoZvL

Answer 1

在td.tg_admin元素上使用overflow: hidden;。 请使用tg_admin作为类，ids只能使用一次。