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

Question

我有图像和文本的超链接。我做了更强的标准焦点。我不想要大纲，当我只是单击超链接时，所以我使用a:active { outline : none }. 当我单击超链接上的一些文本时，一切都很好，不幸的是，当我单击图像时，我有轮廓。当我单击超链接处的图像时，这似乎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;
}