css - 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ść i supplementy, O Naturalnie.net”。

编辑：

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

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

score 7 · Accepted Answer

7

为什么不只是

a,img { border: none; }

于 2012-04-17T15:05:14.540 回答

score 2 · Accepted Answer

2

这对我有用

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

于 2013-12-30T16:13:12.810 回答

score 1 · Accepted Answer

1

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

于 2012-04-17T15:00:46.050 回答

score 0 · Accepted Answer

由于您说单击链接后会出现边框，因此对我来说这听起来像是“焦点”边框。

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

score 0 · Accepted Answer

此解决方案将导致与兼作链接和同时具有边框的内容的图像发生冲突。但是，如果您的图像链接没有现有的边框，它应该可以在 IE 中消除您的轮廓，而不会影响其他任何内容：

a img {border: none; }

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

5 回答 5