轮廓图像悬停不在IE中工作

IE6/7不支持 outline ,您可以在此处查看哪些浏览器支持QuirksMode: http://www.quirksmode.org/css/contents.html#t26

此外, IE6 doesn't support :hover on an <img> either ,所以这里是双断的:)

从 w3schools :

Internet Explorer 8(及更高版本)支持Outline属性,如果是!已指定doctype。

因此,要么您使用的是IE6或IE7,要么您没有指定doctype。!已指定doctype。

正如其他文章中提到的,你不能使用 :hover 对于IE中的图像,它只在 <a> 标签,也不支持 outline 在低于8的版本中。

另一种选择是用 锚 .

<a href="#" class="imagehover">
     <img src="bg_panel_corners.png" alt="" />
</a>

然后你可以使用 边境 在锚上

.imagehover:hover{border:2px solid #4d3326}

我知道这可能不太理想。如果是这样,您可以使用javascript启用 悬停 论无 <A & GT; 元素,看看 this article