我有这个工作示例:jsFiddle .
通过在输入字段中键入“a”，所选区域标签会获得另一个不透明度:
$( "area[data-name^='" + input + "']" ).css( "opacity" , ".25" )
但问题是，即使 jQuery 代码正确执行，也没有视觉效果发生？
有人可以帮忙在区域标签上获得视觉效果吗？？
最佳答案
area 标签只是定义了用户可以点击的空间，没有它的可视化表示，所以你不能直接使用 CSS 来设置它的样式。
您可能希望使用 JavaScript 在图像映射的顶部覆盖透明图像以完成您想要做的事情:
jQuery plugin MapHilight : Example 1 Example 2 Example 3
Mapper.js
关于jquery - 使用 CSS 设置样式 <area> HTML 标签不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21077410/