图像映射区域周围的不需要的边框 [英] Unwanted border around the image map area

问题描述

我使用带有圆形区域的图片地图。问题是我在IE7的区域周围有一个不必要的边框。这个边框不出现在FF和Chrome以及IE8 / IE9中。

I am using an Image map with a circular area. The problem is I get an unwanted border around the area in IE7. This border doesn't appear in FF and Chrome and also in IE8/IE9.

我试图在图像中添加border =0

I tried adding border="0" to the image, css properties for the anchors i.e

a{ 
border:none !important;
outline:none !important;
}

但不起作用。

我也试过添加IE修复onfocus =blur（）;在标签中。这解决了IE的问题，但然后FF得到了边界。
搜索了很多，通过这个修复，它说它将修复FF的问题，当IE修复使用。

I also tried adding the IE fix onfocus="blur();" in the tag. This solved the issue in IE but then FF got the border now. Searched a lot and came through this fix which said it will fix the issue for FF when IE fix is used.

#parent_div *:active, #parent_div *:focus { overflow-x:hidden; outline:none; }

但是遗憾的是，即使这样没有效果。我使用FF 9.0.1。

But sadly even this didn't work. I am using FF 9.0.1.

任何帮助将非常感谢。提前感谢。

Any help will be greatly appreciated. Thanks in advance.

推荐答案

这是解决方案：

onclick="blur()" onfocus="navigator.appName == 'Microsoft Internet Explorer' ? blur() : null"

这篇关于图像映射区域周围的不需要的边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！