【发布时间】：2012-08-12 03:56:28
【问题描述】：
我在使用 IE8 时遇到问题，当在链接内单击图像时，IE 不会触发 :active 选择器。
示例：
HTML：
<a href="#"><img src="http://www.w3schools.com/images/pulpit.jpg"></a>
CSS：
a {
display:inline-block;
padding:10px;
border:1px solid #F00;
}
a:hover {
border-color:#0F0;
}
a:active {
border-color:#00F;
}
现场演示：jsFiddle
点击图片周围区域时，链接正常，点击图片本身时，链接更新失败。
关于为什么会发生这种情况以及是否有任何解决方法的任何想法？由于它大部分都在工作，我不介意在需要时附加一些 JavaScript。
【问题讨论】：
-
显然在您的示例中，在 IE7 中，点击后 :active 状态将永远保持，在 IE8 中它根本不会触发。
-
有点随机，但尝试将图像设置为 display:block
-
那么怎么样，将图像设置为 display:block 效果很好！如果您将其添加为答案，我会尽快选择它。谢谢！
-
编辑：没关系，愚蠢的我忘了我在 Chrome 中，所以它当然有效。
标签： css internet-explorer-8 css-selectors