使用CSS无法正常使用样式<area /> HTML标记

Question

我有这个工作示例：jsFiddle。

通过在输入字段中键入“a”，所选的area-tag将获得另一个不透明度：

$( "area[data-name^='" + input + "']" ).css( "opacity" , ".25" )

但问题是，即使jQuery代码正确执行，也没有视觉效果发生？

有人可以帮助在区域标签上获得视觉效果吗？

Answer 1

area标记只定义用户可以单击的空间，没有可视化表示，因此您无法直接使用CSS来设置样式。

您可能希望使用JavaScript在图像映射的顶部覆盖透明图像，以完成您尝试执行的操作：

jQuery plugin MapHilight：Example 1 Example 2 Example 3

Mapper.js