a标签内插入svg图片后只能点击边缘触发事件
今天在做一个个人博客，准备将github链接到这上面，下载了一个svg的logo，使用embed标签插入。
插入后，发现鼠标放在上面没有pointer样式也无法触发a标签原本的跳转功能。如图：
但是把鼠标慢慢挪到图片边缘却能触发，猜想一下可能是svg挡住了a标签的事件，刚好留出一条"缝"。Google一下，解决办法也很简单，在用来插入svg图片的标签上添加上这一样式：
pointer-events: none;我使用embed标签插入的，所以我加到了embed的样式里面，保存重新编译一下可以看到鼠标样式变为小手指，点击事件也可以正常跳转了。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！