CSS鼠标悬停在鼠标悬停消失

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;

你告诉的CSS来掩饰内心.nutbrown每一个形象，当你将鼠标悬停.nutbrown