さまざまな場所/ポイントを持つマップを作成しようとしています。ポイントの1つに矢印/マウスを移動すると、そのポイントに配置された透明な画像が名前付きの画像に変わります。したがって、それはイメージを変えるホバーになります。しかし - それは完全に間違っています。名前の付いた画像は常にそこにあり、マウスをその上に置くと、透明な画像が表示されます。写真を変えてみましたがダメでした。
CSS:
.nutbrown img {
position:absolute;
margin:497px 642px 247px 380px;
background:url("test1.png") no-repeat;
height: 20px;
text-decoration: none;
}
.nutbrown:hover img {
position:absolute;
height: 20px;
visibility:hidden;
text-decoration: none;
}
HTML
<div class="nutbrown"> <img src="test.png" /></div>
私は何を間違っていますか?ご協力いただきありがとうございます!:)