我有一个人体模型的HTML图像。图像映射定义了身体部位。我在图像映射的顶部有两个div，一个用于显示悬停选择，另一个用于显示当前（活动部分）。我遇到的问题是：当某个部件标记为“活动”时，我会将背景重新定位在“活动”状态。图层显示突出显示的背景图像（使用不同颜色的精灵地图。当我显示“活动状态”时，我无法点击它的透明部分来选择不同的颜色一部分。
一种可能的解决方案是使用pointer-events，但我希望尽可能保持兼容性。
答案 0 :(得分：0)
当div具有不透明度时：0;为了使它透明，它仍然在其他div的顶部。 这样下面的div就不会被点击了。
可以通过将div的显示模式更改为隐藏来解决此问题。 通过这种方式，div将被“移除”并且div的下方将被点击。
如果您希望能够点击图片的透明部分，请尝试将它们用作.PNG文件。
- 不确定这对您是否有帮助 -
答案 1 :(得分：0)
如果不能查看代码或图表，很难将问题直观化，但我可能会帮助tried something in JSFiddle。
在我创建的示例中，＆＃39; hover＆＃39;元素开始无法点击“活跃”元素。元素覆盖它（但可以在未被覆盖的地方单击）。点击＆＃39; hover＆＃39;元素，其z-index属性被更改，以便它出现在其他元素的顶部。您可以看到它的工作原理，因为它随后随处都可以点击。
相关的jquery：
$( "#hover" ).css( "z-index", "2" );
我希望这个解决方案有所帮助，但是，如果没有看到原始问题的直观例子，我很难说出我是否有正确的想法。
这个解决方案背后的想法是，您可以根据需要多次注册元素重新排列元素的z-index值，以确保页面的相关部分始终可由用户点击。