css – 只能点击svg图像的边缘？

基本上我遇到的问题是我有三个社交媒体图标,这三个都是可缩放矢量图形但是当链接到各自的网站时,我只能点击SVG图像的边缘,换句话说我无法点击形象本身只是它的外部.

低质量Youtube视频问题如下：

https://www.you@tube.com/watch?v=HlcT0N0If0k

任何帮助是极大的赞赏.

谢谢

.icons{    left:692px;    top:64px;    z-index: 1000;    position:fixed;    opacity: 0.3;    letter-spacing: 38px;    display:block;  }  .u--svg-inside {	position: relative;	display: inline-block;	&:after {		content: "";		position: absolute;		top: 0;		right: 0;		bottom: 0;		left: 0;  	}  	object {		width: 100%; // Optional  	}}

问题是a元素中的对象是“覆盖”指针/单击事件.

要解决此问题,只需添加此CSS规则：

a object{  pointer-events: none;}

为什么只能点击SVG图像的边缘？

你实际上点击了一个元素而不是SVG,a有点大,这就是为什么你只能在它的边缘点击它.

希望这可以帮助.