javascript - マウス機能のJavaScriptへのCSS画像スプライト

Question

divタグを使用してCSSスプライトを使用していますが、以下のコードにはJavaScriptがあり、それにスプライトを保持できません。CSSスプライトを以下のコードに保持することは可能ですか？画像はマウスオーバー機能です。

<a href="" target="_blank" onmouseover="MM_swapImage('Image52','','social-rss-h.png',1)" onmouseout="MM_swapImgRestore()">

Answer 1

スプライトしたいリンクのクラス/IDを追加してみてください（リンクにスプライトを追加できますが、整理のために、クラス/ IDを好みます）

a.sprite {
    background-image: url(images/menu.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}
a.sprite:hover {
    background-position: 0 -60px 
}


<a class="sprite" href="" target="_blank" onmouseover="MM_swapImage('Image52','','social-rss-h.png',1)" onmouseout="MM_swapImgRestore()">