Div不会使用backface-visibility：hidden来读取点击事件

Question

我正试图淡化我正在为iPad构建的webapp中的div。 iPad扼杀了试图使用jQuery的fadeIn（）方法，因此我尝试使用-webkit-transition: opacity 1s linear进行转换，并使用javascript将不透明度更改为0或1。它看起来非常流畅，除了在褪色结束时它曾经非常刺耳地闪烁。

当我稍后学习here时，当我设置-webkit-backface-visibility: hidden时，此闪烁立即消失。不幸的是，当我有这个设置时，div不再检测用于解除它的click或touchstart事件。我非常有信心这是问题，因为当我在检查器中删除该属性时，它将完美地读取点击。我发现其他人在SO的评论中提到了类似的错误但没有给出解决方案。

有没有人有任何想法如何解决这个问题？

Answer 1

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