私が以下に書くことは、ほとんどのネチズンにとっては非常に簡単なことかもしれませんが、私自身は本当に知りません。
次のような HTML があります:
<div>
<a href="#">
<img alt="私は img" src="img.jpg"/>
</a>
</div>
一般に、hover CSS 疑似クラスは、a タグ以外のタグでは機能しません (FF ブラウザーでは機能しますが、IE6 では機能しません)。次のように
img:hover{
border:1px Solid #000;/*FF では動作しますが、IE6 では動作しません*/
}
このような優れた疑似クラスを無駄にするのは何ということでしょう。 !
タグ
のホバー機能を実装する方法があります。
border:1px Solid #000;/*マウスが置かれている a 内の img タグとして理解できます*/
}
^0^ 実装は非常に簡単で、面倒な JS ステートメントを編集する必要はありません。CSS
を愛する友人に捧げます。上記の内容は作者 Xiao JOE の謙虚な意見です。有名な作者: Xiao JOE 宛に転載してください。 http://xiebiji.com/ 2008/10/hover