Javascript 使svg保留其AspectRatio CSS后，无法单击按钮

我正在使用svg（内联）作为我的背景。为了让svg保留其AspectRatio，我对

标记做了一些更改，并添加了一个带有一些CSS的类。在我添加CSS之后，网页上的任何按钮都不能被点击。你知道这是什么原因吗

如果删除

.my svg{…}

，则按钮可以工作，但svg不会保留其纵横比

我甚至尝试删除

，但这也没有解决问题

<div class="bgBody">
<svg class="my-svg" preserveAspectRatio= "xMinYMin meet" viewBox="0 0 800 960" >
 <g>
</g>
</svg>
</div>

---

尝试将行指针事件：无添加到.my svg。@defghi1977:这解决了问题。谢谢。请尝试向按钮添加

z-index

。我认为

svg

位于按钮之上。

.my-svg-container{
 display: inline-block;
 position: relative;
 width: 50%;
 padding-bottom: 60%;
 vertical-align: middle; 
}

.my-svg{ 
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}