IE11中的区域大纲

时间:2013-10-30 12:50:30

标签: css internet-explorer-11

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

area {
     outline: none;
}

但是,不是在IE11中,至少不是我能为Win7获得的最新版本。快速演示页面:(演示已删除)。点击缩略图;在全尺寸图像上,右侧60%是下一个图像的链接,左侧是前一个图像的40%。

我尝试过各种各样的CSS变体,包括:

outline: none !important;

将它应用于我能想到的每个CSS类和ID似乎都没有区别,包括*imgmaparea,{{1} },.gr-slideimage等等。到目前为止,我发现的唯一可行的是旧的:

#gr-thisMap

关于img标签本身,但当然没有验证。

任何人都可以通过CSS解决这个问题吗?

2 个答案:

答案 0 :(得分:1)

在某些情况下,IE11 / Win7似乎忽略了设置为“none”的边框设置。本周有CSS样式按钮的问题。我不得不使边框“稳固”并改变颜色以匹配。当然有更好的方法 - 当然MisterNeutron和我不是唯一注意到这个bug的人吗?

答案 1 :(得分:-1)

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