-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>

我究竟做错了什么？谢谢你的帮助！:)

4

1 回答 1

2

因为这visibility:hidden;

当您悬停 .nutbrown 时，您告诉 CSS 隐藏 .nutbrown 中的每个图像

于 2013-02-18T16:24:12.977 回答