ボタンの見本
ボタンの仕組み
元に戻す
aの中にボタン画像(img)、aタグの背景にhover時の画像を指定
視点を変えてみるとこんな感じ
background-imageの上にimgがのっかっている状態
hover時 実はこうなっている
a:hover時のimgタグが透明になりbackground-imageが見える(サンプルは意図的に半透明)
※ボタンを押すと仕組みが見える!?