前端之家收集整理的这篇文章主要介绍了
如何使用链接将SVG对象插入到HTML中?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_
301_0@
我不想
添加一个
链接到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.