.dot {
stroke:none;
fill: red;
}
.dot:hover {
fill: yellow;
}
<svg preserveAspectRatio="xMidYMin" width="100%" height="100%" viewBox="-1 -1 2 2">
<g transform="translate(0,0) scale(1)">
<circle cx="0" cy="0" r="0.5" transform="scale(1)" class="dot"/>
</g>
</svg>
查看此https://jsfiddle.net/c1j1q7hj/10/
在Firefox中,悬停不会在圆圈上触发,在Chrome中它会
当圆上的半径小于1时,未正确触发悬停(鼠标悬停事件)。将半径设置为1并调整圆上的变换不起作用
这是Firefox中的错误吗?