Internet Explorer 9中的图像映射周围的蓝色边框

Question

我遇到了以下问题 - 我正在网站上使用图片地图。在Internet Explorer 9（IE8很好）中，当我单击链接（区域标记）时，它周围会出现蓝色边框。如何摆脱它？ 我试过了：

map, map area {
border:none !important;
}
img, a img, a:link img, a:visited img {
border:none !important;
}

但它没有帮助。有人有这个问题吗？请查看网站 - http://www.naturalnie.test.dih.pl/。图像地图在徽标下，链接说：“Home，Kosmetyki，Lekarstwa，Żywnośćisuplementy，O Naturalnie.net”。

编辑：

我找到了解决方案。以下代码有效：

a, img {outline:none;}
map > area,
map > area:active,
map > area:focus {outline: none; border:0; }

Answer 1

为什么不

a,img { border: none; }

Answer 2

这对我有用

:focus{
  border: none;
  outline-style: none; 
  -moz-outline-style:none;  
}

Answer 3

我不太确定，但尝试在html中设置<img border="0" />

Answer 4

由于你说在点击链接后出现边框，这听起来像是一个“焦点”边界。

尝试a:focus {border:0 none;}

Answer 5

此解决方案会导致与图像相冲突，这些图像既有链接，也有内容也有边框。但是，如果您的图片链接没有现有的边框，那么它应该可以帮助您摆脱IE中的大纲，同时妥协其他任何内容：

a img {border: none; }

只需将其添加到您的主css样式表中......它完美地解决了我的问题。