我正在制作一些带有 CSS 动画的动画 SVG，这些动画会在悬停时触发.我能够以我希望 Chrome 的方式悬停 SVG 动画，但我面临 Firefox 和 Safari 问题.

显然，应用于组 <g></g> 的 pointer-events 属性在此浏览器上的行为与在其他现代浏览器上的行为不同那些，至少在尝试将值设置为 bounding-box 时.

我在做

g {指针事件:边界框；}

但只有当实际的 <path> 元素悬停时才会触发悬停，而不是像我需要的整个组 <g> .p>

我可以使用 没有说什么，它提到svgs也有支持这个属性.

下面有一个示例代码，供您查看我的一个 SVG 的外观.在 chrome 上悬停主要包含组区域将触发悬停动画，在 Firefox 上实际路径(在本例中为图标行)需要悬停才能发生.

<?xml version="1.0" encoding="UTF-8"?>