リンク内で画像がクリックされたときに、:activeセレクターがIEによってトリガーされないというIE8の問題が発生しています。
例:
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を追加してもかまいません。