css - Div 不读取具有背面可见性 : hidden 的点击事件

Question

我正在为 iPad 构建的网络应用程序中尝试淡入一个 div。 iPad 扼杀了尝试使用 jQuery 的 fadeIn() 方法，所以我尝试使用 -webkit-transition: opacity 1s linear 进行转换，并使用 javascript 将不透明度更改为 0 或 1。它看起来非常平滑，只是在淡入淡出结束时会非常刺耳地闪烁一次。

据我了解here不久前，当我设置 -webkit-backface-visibility: hidden 时，这种闪烁会立即消失。不幸的是，当我设置好后，div 不再检测到用于关闭它的点击或触摸启动事件。我非常有信心这就是问题所在，因为当我在检查器中删除该属性时，它会完美读取点击次数。我发现其他人在对 SO 的评论中提到了类似的错误，但没有给出解决方案。

有人知道如何解决这个问题吗？

Answer 1

诀窍是我试图读取点击的 div 位于折叠的 0x0 div 中。 backface-visibility 会造成或破坏它有点奇怪，但我能够通过使先前折叠的容器全尺寸并添加 js 使其显示 block 和在不同时间不显示来解决问题.