Question

我有一个带有一些矩形的SVG图像，当它悬停在它上面时需要改变颜色。在jsfiddle中，代码工作正常：

但是在我的网页上，我无法悬停或继续使用单一作品。然而，当我在html代码中将onmouseover放在完整的img元素上时，它确实有效，所以我猜它不是img元素上的z-index问题。

我真的不知道为什么我不能在我的svg或css代码中定位svg元素。

{{1}}

Answer 1

尝试为每个rect标签添加属性（使用javascript）

onmouseover="this.setAttribute('fill-opacity','.5')" 
onmouseout="this.removeAttribute('fill-opacity')"

或与css

<style>
rect:hover{
    fill-opacity:1
}
</style>