是否有针对CSS-Position和可点击区域的Android浏览器错误的解决方法？

Question

如果您有一些可点击的内容<a>,<input>或者<area>在此之前,您有一个具有更大z-index的绝对定位元素,则存在"点击"的错误行为.
我点击可点击元素位于前面元素后面的区域.在其他浏览器中,有一个正确的行为,即点击不会通过前面的元素.但只有在Android浏览器中,您才能点击前面元素并激活后面的元素.这是一个已知的错误,你无法避免它.它甚至在更新的版本中(我在官方Android模拟器中测试2.3.3).

某些论坛中描述了一些解决方法,但它们都不适用于我.

• 我试图在前后放一个<iframe>或一个<a>
• 我试图更改DOM,以便刷新浏览器状态
• 我试图将后面的元素定位为无效

我特别关注图像映射的区域元素.

有没有人有同样的问题,并设法解决它？我特别感兴趣的是对图像映射进行测试的解决方案.

Answer 1

实际上，我已经通过移动下面的对象使它们不可见来设法避免它。但在与您类似的情况下，真正有效的唯一解决方法是管理 jquery 中的所有点击（尤其是后台的点击）并根据需要绑定/取消绑定点击事件。还有一些东西可以在某些版本/手机上提供帮助（但不能解决问题）

• 上面的项目有背景：rgba(0,0,0,0.1);
• 您应该将 gif 或 png 作为上述元素的背景（以及背景颜色作为第 1 点）
• 使用thouchstart而不是click作为绑定事件有时会有所帮助。

android/浏览器的实际版本不会受到此错误的影响（或者至少它从未发生在我身上），但了解受影响的版本可能会很高兴。如果有人有一个清单。