在 Internet Explorer 中使用 SVG 图像时光标指针不显示答案

【问题标题】：Cursor pointer not showing when using an SVG image in Internet Explorer在 Internet Explorer 中使用 SVG 图像时光标指针不显示
【发布时间】：2014-01-01 00:46:42
【问题描述】：

当使用这个 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 中的图像上时，光标不会变为指针（手）仅

有什么想法吗？

【问题讨论】：

在 Chrome 31 (mac) 中光标实际上是 default 而不是 pointer。

标签： html css internet-explorer svg

【解决方案1】：

TL;DR：这是因为 IE8 无法解释该对象，而是将图像放在它的位置上。您描述错误的方式与实际情况相反：-)

我非常确信该行为与您所描述的完全相反 - 在 IE 8 中只有光标设置为 pointer，在我的其他浏览器（FF、Chrome、IE 10...）中，光标是default，即箭头。

我的解释是 IE8 无法解释 SVG（IE 无法解释版本 9 之前的 SVG）并将图像显示为链接的一部分 - 并在您的小提琴中为其提供适当的光标 pointer在 CSS 中冗余设置。但是，其他浏览器可以解释该对象并正确显示它 - 并且不要给它您想要的光标，因为元素类型是对象（尝试将 Flash 电影，例如 YouTube 视频，放入 a 元素看看会发生什么）。

最后一个细节：不需要使用:hover 选择器，光标显示在元素上仅...是的，在元素上。

编辑： Erik 的评论说得非常好（粘贴在这里只是为了方便参考）：

您需要将光标规则放在 svg 中，而不是让它起作用，因为这是事件将用于标记的地方。这些事件不会“冒泡”到父文档。如果您使用引用 svg 的，它也可以工作，如下所示：jsfiddle.net/Mw8JX

【讨论】：

您需要将 cursor 规则放在 svg 中，而不是这样才能工作，因为这是 <object> 标签的事件所在。这些事件不会“冒泡”到父文档。如果您使用引用 svg 的 <img> 也可以使用，如下所示：jsfiddle.net/Mw8JX
什么？你有没有费心尝试小提琴？你为什么不编辑我提供的那个，让它在 IE8 下工作来证明你的理论？
@Geeo：很抱歉使用您的语言：什么？你的小提琴证明了答案所说的。您不能影响对象元素中光标的行为。在 IE8 中，对象归结为 img 元素，这就是它在这种唯一情况下起作用的原因。对不起，这个网站不是关于“给我给我给我！”。
我完全知道它在 IE8 上不起作用，但在我的问题中没有提到 IE8。关于“给我给我给我”部分，我只是要求提供代码来支持您的主张，因为您似乎完全误解了问题所在。
抱歉耽搁了，我有点忙。我认为这种讨论会导致永恒的诅咒，因为我们每个人似乎都在这里说不同的语言。我已经打开了链接，从我的角度描述了其中的内容和问题，以及我认为您需要如何解决问题。恐怕没有什么要补充的了。请再看一遍答案，看看一分钱会不会掉。您的小提琴不是内部带有 img 的锚，而是内部带有 object 的锚，这就是问题所在。只需删除object 标签并使用img 标签，一切都会好起来的。

【解决方案2】：

尝试将其添加到您的 CSS：

object{
    pointer-events: none;
}

【讨论】：

请在您的回答中说明您的意思