图像超链接和IE大纲。我根本不想删除大纲

Question

我有图片和文字的超链接。我已经做了更强的标准重点。我只想点击超链接，我不想要大纲，所以我使用a:active { outline : none }。当我点击超链接上的一些文字时，一切都很好，不幸的是当我clik图像我有轮廓。当我点击超链接上的图像时，似乎a:active { outline : none }不起作用。这个问题我只在IE。 Firefox，Chrome和Opera都可以。有没有什么办法解决这一问题？我会感激任何帮助。

这是我的示例代码：

<style type="text/css">
a:focus { 
    outline : 3px solid black;
}
a:active { 
    outline : none;
}
</style>
<a href="index.html" title="Hyperlink"><img src="image.jpg" alt=" " width="160" height="160" /> Some text </a>

Answer 1

您只需重置img元素中任意a元素的大纲即可重置此功能。 IE默认情况下也会在a元素中的图像周围应用边框，您可能也不需要：

a img {
    border: none;
    outline: none;
}