大纲img悬停不工作在ie

Question

div img:hover {
outline:2px solid #4d3326;
}

以上代码无效，即它在firefox和chrome中工作正常，我可能知道是什么问题或任何其他选择

由于

Answer 1

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

此外，IE6 doesn't support :hover on an <img> either，所以它在那里被双重打破：）

Answer 2

来自w3schools：

  

如果指定了！DOCTYPE，则Internet Explorer 8（及更高版本）支持outline属性。

因此，您使用的是IE6或IE7，或者您没有指定doctype。！指定了DOCTYPE。

Answer 3

正如其他帖子中提到的，您无法在IE中使用:hover图片，它仅适用于<a>标记，也不支持{8}以下版本中的outline。 / p>

另一种方法是将图像包装在锚点中。

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

然后你可以在锚

上使用边框

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

我确实意识到这可能并不理想。如果是这样，您可以使用javascript在所有:hover元素上启用<a>，请查看this article