我的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对象不会带我go 谷歌.在IE8&lt;span文本是可点击的.

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

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

推荐答案

实际上,解决这个问题的最好办法是.在<;object>;标记上,使用:

pointer-events: none;

Note: Users which have the Ad Blocker plugin installed get a tab-like [Block] at the upper right corner upon hovering (the same as a flash banner gets). By settings this css, that'll go away as well.

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

Html相关问答推荐

如何在水平对齐(居中)元素的右侧创建迪夫.在tailwind 或CSS中

<mat-toolbar更改所有页面的高度

从收件箱获取内部HTML值

新用户登录时无法从cookie中获取当前用户信息

自动字间距以适应行CSS

电话号码验证器(Angular )

<;img>;和具有负边距的元素的堆叠顺序

如何使用html和css将两个项目垂直对齐

有没有办法根据另一个项目调整FlexBox项目的大小?

CSS中的百分比高度,如何使其与父级高度相同

在 laravel 中使用 DomPDF 将数据导出为 pdf 时,第二列被拉伸

文本不显示在 div 下方

在DIV上应用梯度模糊未如预期工作

高度大于页面高度和页面大于覆盖的 CSS 覆盖

SVG 调整大小而不是溢出

Header 或 P 标记中的填充不能与 em 单元一起正常工作

在中心而不是边界处填充 svg 的背景

无法使用 HTML 中的 Bootstrap 自上而下居中

基本上,我想要两列包含文本和图像,但第二列是倒置的

水平滚动框不显示所有元素