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

标签 html object svg anchor

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

<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 图像可点击?

最佳答案

实际上,解决这个问题的最佳方法是...在 标记上,使用:

pointer-events: none;

注意:安装了 Ad Blocker 插件的用户在悬停时会在右上角看到一个类似选项卡的 [Block](与 flash 横幅一样)。通过设置此 css,它也会消失。

http://jsfiddle.net/energee/UL9k9/

关于html - 使 html svg 对象也成为可点击的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11374059/