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