Internet Explorer 9中图像映射周围的蓝色边框 [英] Blue border around image maps in Internet Explorer 9

问题描述

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

I've got the following problem - I'm using image maps on the site. In Internet Explorer 9 (IE8 is fine), when I click on link (area tag), there appears a blue border around it. How to get rid of it? I've tried:

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 suplementy，O Naturalnie.net。

But it didn't help. Did anyone have this problem? Please look at the site - http://www.naturalnie.test.dih.pl/. Image map is under logo, where links say: "Home, Kosmetyki, Lekarstwa, Żywność i suplementy, O Naturalnie.net".

编辑：

我找到了解决方案。以下代码工作：

I found the solution. Following code works:

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

推荐答案

为什么不是

a,img { border: none; }

这篇关于Internet Explorer 9中图像映射周围的蓝色边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！