我有一个 SVG Map上有很多图层（位置）和文字。我不想补充 hover 影响的地方，但每当 curser 在文本（位于位置上方）上 hover 效果不明显。是否有一种方法可以像不执行exest一样停用文本元素（已更改为曲线）？所以悬停效应不会消失？

.circle{
  position:absolute;
  top:100px;
  left:50px;
  width:100px;
  heigth:100px;
  background-color:red;
  border-radius:50px;
  text-align:center;
}
.background{
  width:200px;
  height:200px;
  background-color:gray;
  display:flex;
  justify-content:center;
  align-items:center;
}
.background:hover{
  background-color:white;
}

<div class="background">
</div>

  <div class="circle">001</div>

在本例中 background-element 这是我的Map和Map 001 element 这是我的曲线文本。