1

リンク内で画像がクリックされたときに、: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を追加してもかまいません。

4

1 に答える 1

0

状態をimgに配置するとうまくいくかもしれませんが、アウトラインを取り除くことはできません。http://jsfiddle.net/wSp7J/3/

于 2012-08-15T20:39:37.180 に答える