html - 在 Internet Explorer 中使用 SVG 图像时,光标指针不显示

标签 html css internet-explorer svg

使用此 html 时:

<a href="http://www.wikipedia.com">
    <object data="http://upload.wikimedia.org/wikipedia/en/4/4a/Commons-logo.svg" type="image/svg+xml">
        <img src="http://herdeirodocaos.files.wordpress.com/2007/11/wikipedia-logo.jpg" alt="Logo" />
    </object>
</a>

与此 css 结合:

a {
    display: block;
}
object, img {
    width: 200px;
    height: 200px;
}

object:hover {
    cursor: pointer;
}

JsFiddle

当鼠标悬停在 Internet Explorer 中的图像上时,光标不会变为指针(手)

有什么想法吗?

最佳答案

尝试将其添加到您的 CSS 中:

object{
    pointer-events: none;
}

关于html - 在 Internet Explorer 中使用 SVG 图像时,光标指针不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20563293/

相关文章:

Javascript 将无序列表转换为多列

javascript - 当在表格中输入了四个图像时,在 HTML 中删除一行

javascript - 根据元素更改img src和文本

html - 是否可以排除一个特定 div 容器的所有 css 样式?

html - 如何在父 div 中对齐两个 div( Logo 和菜单)?

css - 使用 css IE8 在 <li> 中拉伸(stretch)图像

javascript - 我可以同时运行 watchify 和 node-sass watch 吗?

html - 页脚 Font Awesome 图标在我的 bluefish 编码器上没有响应

javascript - 使用位置 :relative in IE 使 tbody 可滚动

javascript - 您如何正确检测浏览器对不透明度的支持?