一尘不染

使html svg对象也成为可点击的链接

html

我的HTML页面中有一个SVG对象,并将其包装在锚点中,因此,当单击svg图像时,会将用户带到锚点链接。

<a href="http://www.google.com/">
    <object data="mysvg.svg" type="image/svg+xml">
        <span>Your browser doesn't support SVG images</span>
    </object>
</a>

当我使用此代码块时,单击svg对象不会将我带到Google。在IE8 <中,跨度文本是可单击的。

我不想修改我的svg图像以包含标签。

我的问题是,如何使svg图像可点击?


阅读 621

收藏
2020-05-10

共1个答案

一尘不染

最简单的方法是不使用。而是使用标记,锚点应该可以正常工作。

2020-05-10