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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (12)

我在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中,<SPAN文本是可点击的。

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

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

提问于
用户回答回答于

最简单的方法就是不使用<object>。相反,请使用<img>标签和锚应该工作得很好。

用户回答回答于

实际上,最好的解决办法是...<object>标签,使用:

pointer-events: none;

注意:安装了adblock插件的用户将得到一个选项卡。块在右上角悬停时(与闪光横幅相同)。通过设置这个CSS,这也会消失。

扫码关注云+社区