ロールオーバーボタン〜CSS
【概要】
透明画像を配置して、背景画像をa、a:hoverで指定する事により
ロールオーバーを実現。
【CSS】
.btn_over{
width : ○○px;
height : ○○px;
display : block;
}
.btn_over a{
background-image : url(ファイル名);
background-repeat : no-repeat;
display : block;
}
.btn_over a:hover{
background-image : url(ファイル名);
background-repeat : no-repeat;
display : block;
}
【HTML】
<div class="btn_over">
<a href="#">
<img src="ファイル名" border="0" />
</a>
</div>
【サンプル】
