css - IE11中的区域轮廓

Question

在包括 IE10 在内的所有其他浏览器中，当单击图像锚点上的映射区域时，此 CSS 会删除轮廓：

area {
     outline: none;
}

但是你瞧，不是在 IE11 中，至少不是我能为 Win7 获得的最新版本。快速演示页面：（已删除演示）。点击缩略图；在全尺寸图像上，右侧 60% 是指向下一张图像的链接，左侧 40% 是指向上一张图像的链接。

我尝试了各种 CSS 变体，包括：

outline: none !important;

将它应用于我能想到的每个 CSS 类和 ID 似乎没有什么区别，包括*, img, map, area, .gr-slideimage,#gr-thisMap等等。到目前为止，我发现唯一有效的是旧的：

hidefocus='true'

在 img 标签本身上，但这当然无效。

任何人都可以用 CSS 破解这个吗？

score 1 · Accepted Answer

在某些情况下，IE11/Win7 似乎忽略了设置为“无”的边框设置。本周遇到了 CSS 样式按钮的问题。我必须使边框“实心”并更改颜色以匹配。当然有更好的方法——当然不是只有我和 MisterNeutron 先生注意到了这个错误？

score -1 · Accepted Answer

看来 IE11 需要大纲样式：无；为了正常工作。您还可以参考： http: //msdn.microsoft.com/en-us/library/ie/cc304065 (v=vs.85).aspx了解任何其他可能与 IE 相关的问题。希望这可以帮助。

2 回答 2