当前位置: 首页 > 面试题库 >

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

慎风畔
2023-03-14
问题内容

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


问题答案:

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



 类似资料:
  • 问题内容: 我正在使用JOptionPane来显示一些产品信息,并且需要向网页添加一些链接。 我发现您可以使用包含html的JLabel,因此我提供了一个链接。该链接在对话框中显示为蓝色并带有下划线,但是不可单击。 例如,这也应该起作用: 如何在JOptionPane中获得可点击的链接? 谢谢,保罗。 编辑 -例如解决方案 问题答案: 您可以将任何组件添加到JOptionPane。 因此,添加一个

  • 我使用的是Bootstrap,以下操作不起作用:

  • 我有一个问题使我的图像可点击。它是一张推车风格的照片,带有一点数字气泡,告诉你在推车里有多少件物品。div是可点击的,但照片本身是不可点击的。 下面是我的代码: 我还尝试过用一个函数将click事件添加到图像中(“clicking”),我还尝试过将“routerlink='/cart'”添加到图像标记中,但这两种方法都不奏效。 我错过了什么? 提前谢谢!!

  • 我试图在我的< code>Browser类(在eclipse中创建)中实现一个历史按钮,并且我希望按钮中的链接是可点击的。下面是当用户按下按钮< code>History时启动的代码: 在上面的代码中,是一个包含以前访问过的所有网页的列表。 我尝试过使用这里介绍的方法:JOptionPane中的可点击链接,我让它工作了。问题是,此解决方案仅允许我预定义URL:s,但我希望显示我的列表,并且其中的U

  • 在列表中,我有一个从状态映射出来的用户表。当我单击该链接时,foo函数获取用户id并将其传递给Profile,List组件将被Profile组件替换,显示选定的用户配置文件 现在,单击中的链接显然有效,但我希望使整个行像可单击的 我尝试将onClick函数绑定到,但我不知道如何使它像那样替换要配置文件的组件 编辑:根据雅各布·斯密特的评论,我设法使用withRouter使其工作 > 我包括来自re

  • 问题内容: 我正在FireFox中使用Selenium的IDE进行一些测试,我希望Selenium单击第二个链接(Text2)。知道我该怎么做吗?不幸的是,我无权访问HTML并且无法对其进行修改。记录功能似乎没有注册点击。 该代码附在下面。提前致谢! 问题答案: 硒也支持定位器。如果您知道确切的链接文本,则可以使用此定位器,但不能使用其他定位器。因此,对于上述示例:或。(有关其他定位器,请参见此网