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

Question

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

有些论坛中描述了一些解决方法，但没有一个对我有用。

• 我试着放一个 <iframe>或 <a>前后之间
• 我尝试更改 DOM，以便刷新浏览器状态
• 我试着让后面的元素也被定位没有成功

我尤其对图像 map 的区域元素有疑问。

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

Answer 1

我想知道这里有几件事。首先，叠加图像和使用图像映射的目的是什么？我看到你包括了 jQuery - 你可以使用 jQuery 的悬停事件来改变图像的方向并进行交换吗？如何附加到图像映射的点击事件，并检查灯箱是否打开。如果是，则 return false;。

只是想大声说出来。有时另一种做法可能会有所帮助。