質問: ### 前提・実現したいこと CSSのhoverを用いてマウスカーソルが画像A上に来たとき画像Bに切り替えたいのですがどうしたらよろしいでしょうか? ### 発生している問題・エラーメッセージ 画像Aを消すことはできましたがそこから画像Bを追加もしくは画像Aから画像Bに変更することができません。 ### 該当のソースコード ``` .○○{ position:relative; } .○○:hover:after{ /* filter: alpha(opacity=0); -moz-opacity:0; opacity:0; */ } ``` ### 試したこと マウスカーソルを画像Aに当てると消すことはできた。
回答: 汎用性(更新性)が高いのはjQueryを使用する事だと思います。 理由としては、背景・absoluteにする場合はCSSでサイズ表記が必要 (画像差し替えでサイズが変われば都度更新) CSSやHTMLに画像パスの記載が必要 (画像変更の場合は都度パスを更新) jQueryだと画像のファイル名末尾に「_on」「_off」などを付けるだけで実装可能です。 参考サイトもたくさんあります。