如何悬停或点击圆形图像中的内容并在移动设备上显示

Question

我有一张圆形图片： 我想要做的是当鼠标悬停（或点击）各种颜色框时，文本/内容显示在它的中间和右侧。问题是如何才能使其在移动设备上按预期显示？

让我入门的任何指示/示例都非常有用，谢谢！

Answer 1

据我所知，悬停功能不适用于移动设备。 我的意思是你不能将鼠标悬停在移动设备上才能看到效果发生。

Answer 2

如果您希望不同的部件可以点击/悬停，您可以使用坐标或区域/类似标签来完成此操作。

在移动设备上，:hover状态不受支持（大多数情况下，因为在点击该元素时会调用它），因此您可能希望在点击事件上调用此状态。

Further reading on <area>

Getting click coordinates with jQuery