Question

我只是想做一张有不同位置/点的地图。如果您将箭头/鼠标滑过其中一个点，则位于该点上的透明图像应更改为带有名称的图像。所以这将是一个改变图像的悬停。但是 - 它完全出错了。名称的图像始终存在，当我将鼠标悬停在图像上时，会出现透明图像。我尝试更换图片，但没有用。

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>

我做错了什么？谢谢你的帮助！：）

Answer 1

由于这个visibility:hidden;

当你悬停.nutbrown

时，你告诉CSS隐藏.nutbrown中的每个图像

鼠标悬停时CSS悬停消失

1 个答案: