我在使用 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。