クリッカブルマップ | Webデザインラボ

#clickablemap ul { list-style: none; } #clickablemap li.btn1 { position: absolute; top: 139px; left: 48px; display: block; width: 50px; height: 50px; background: url(btn1_on.png) no-repeat top left; } #clickablemap li.btn2 { position: absolute; top: 139px; left: 105px; display: block; width: 50px; height: 50px; background: url(btn2_on.png) no-repeat top left; } #clickablemap li.btn3 { position: absolute; top: 139px; left: 162px; display: block; width: 50px; height: 50px; background: url(btn3_on.png) no-repeat top left; } #clickablemap li.btn4 { position: absolute; top: 139px; left: 219px; display: block; width: 50px; height: 50px; background: url(btn4_on.png) no-repeat top left; } #clickablemap li a, #clickablemap li a:link, #clickablemap li a:visited { display: block; } #clickablemap li a:hover img, #clickablemap li a:active img { visibility: hidden; }

情報源: クリッカブルマップ | Webデザインラボ