我不想添加到 svg 的链接（这是不可能的，因为 svg 不是我提供的），但想添加一个链接，例如<a href=""><img src="foo.svg"/></a>。只是这一次不是img, but a object（这样我就可以包含一个 svg）。
它适用于某些浏览器，但不适用于 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。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
