我一直在试图弄清楚如何创建一个控制SVG中多个路径的悬停事件。在我创建的美国地图中，阿拉斯加州，夏威夷州和密歇根州是包含多条路径的分组元素。我已经能够使用CSS添加悬停事件，但是当我将鼠标悬停在具有分组元素的状态上时，只有我悬停的路径会发生变化。当我将鼠标悬停在它们上面时，我希望能够将所有处于适当分组状态的路径更改为单个路径。
似乎使用CSS不允许我正在寻找的凝聚力。也许是jQuery？我已经搜索了jQuery解决方案，但我在某处读到了jQuery在SVG中不能正常工作。我尝试过SMIL，但它似乎与IE9不兼容。
有人可以帮我提出一个可以在IE9和最新的Chrome，Safari和Firefox浏览器中使用的解决方案吗？
下面链接了SVG文件。我们将非常感谢您提供的任何帮助。谢谢。
答案 0 :(得分：0)
由于阿拉斯加位于<g>，您可以将悬停应用于...
#Alaska:hover{fill-opacity:0.1; cursor:pointer;}