如何使用链接将SVG对象插入到HTML中？

发布时间：2020-12-14 19:32:17 所属栏目：资源来源：网络整理

导读：我不想添加一个链接到svg(这是不可能的,因为svg不是由我提供的),但是想添加一个链接,如 a href =“” img src =“ foo.svg“/ / a取代.只有这一次,它不是一个img,而是一个对象(所以我可以包括一个svg). 它适用于某些浏览器,但例如不适用于Firefox.什么是默认

我不想添加一个链接到svg(这是不可能的,因为svg不是由我提供的),但是想添加一个链接,如< a href =“”>< img src =“ foo.svg“/>< / a取代.只有这一次,它不是一个img,而是一个对象(所以我可以包括一个svg). 它适用于某些浏览器,但例如不适用于Firefox.什么是默认的想法如何做这样的事情？

解决方法

在Firefox< object>捕获所有的点击,并不让他们“冒泡”出SVG文件.一个明智的解决方法是用另一个获得点击首先的元素覆盖SVG.

幸运的是,这可以用纯CSS：

a {position:relative; display:inline-block;}
a:after {content:""; position:absolute; top:0; left:0; bottom:0; right:0;}

您可能需要添加：-moz-any-link伪类到选择器,使其成为仅Gecko.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!