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