0

css を使用して、スプライト画像でホバー効果 (背景位置の変更) を与えています。fire fox では正常に動作しますが、IE ブラウザーでは正常に動作します。以下のコードに追加する必要があるものはありますか?

.social ul li { width:32px; height:32px; float:left; margin:10px 10px 0px 0px;
padding:20px 0px;}
.social ul li:last-child { margin:0px}
.social ul li.twitter a{ background:url(../images/grey_bg_sprite.png) no-repeat 0px
-192px; width:32px; height:32px;}
.social ul li.twitter a:hover {background:url(../images/grey_bg_sprite.png) no-repeat 0px
-226px; width:32px; height:32px; }
4

1 に答える 1

1

IE のバージョンによっては、<a>空でない文字列を含む href がない場合、a:hover は機能しません。したがって、a が次のようになっている場合、次のような <a class="foo">Bar</a>href が必要です: <a href="#" class="foo">Bar</a> 古いバージョンの IE では、href 属性が入力されていないと有効なアンカー タグとは見なされないため、:hover 疑似クラスは無視されます。

于 2012-09-20T23:09:15.267 に答える