围绕影像地图蓝色边框在Internet Explorer 9(Blue border around

2019-07-29 00:55发布

我有以下问题 - 我使用的网站上的图像映射。 在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/ 。 影像地图是根据标识,其中的链接说: “家,Kosmetyki,Lekarstwa,Żywność我suplementy,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样式表...它完美地固定我的问题。



文章来源: Blue border around image maps in Internet Explorer 9