Html 如何使.svg透明区域不可单击

Html 如何使.svg透明区域不可单击,html,css,svg,Html,Css,Svg,我正在尝试将.svg图像设置为按钮。唯一的问题是,我不仅可以点击绘制的区域,还可以点击透明度。这我需要禁用,所以我只能点击画的是 下面我提供了到目前为止我得到的html代码(基本上是我从实际文件中复制的代码)。为了澄清,我在windows机器上从Adobe Illustrator导出了此图像 我还没有通过.css进行任何修改 您可以移动由于图像是一个圆,因此在此特定场景中,您可以将边界半径:50%和溢出:隐藏应用于a元素 a{ 边界半径:50%; 显示:块; 溢出:隐藏; } svg{ 显示

我正在尝试将.svg图像设置为按钮。唯一的问题是,我不仅可以点击绘制的区域,还可以点击透明度。这我需要禁用,所以我只能点击画的是

下面我提供了到目前为止我得到的html代码(基本上是我从实际文件中复制的代码)。为了澄清,我在windows机器上从Adobe Illustrator导出了此图像

我还没有通过.css进行任何修改

您可以移动
由于图像是一个圆,因此在此特定场景中,您可以将
边界半径:50%
溢出:隐藏
应用于
a
元素

a{
边界半径:50%;
显示:块;
溢出:隐藏;
}
svg{
显示:块;
}

您需要在路径中添加一个单击处理程序,而不是像符咒一样的SVGWorks,我将更改为“xlink:href”。谢谢您,伙计。