ミギムキ

[CSS] javascriptを使わずにロールオーバーで画像を切り替えたい

やりたいこと

サンプルコード

html

<a href="#" class="rollover"> <img src="btn_off.jpg" alt=""> <img src="btn_on.jpg" alt=""> </a>
スポンサー広告

CSS

.rollover { display: block; position: relative; } .rollover > img:nth-child(2) { position: absolute; top: 0px; left: 0px; visibility: hidden; } .rollover:hover > img:nth-child(2) { visibility: visible; }

仕組み、解説、補足など

スポンサー広告