2013-02-18 31 views
-1

我只是試圖做一個地圖上有不同的地方/點。如果您將箭頭/鼠標拉到其中一個點上,則位於該點上的透明圖像應該變成具有名稱的圖像。所以這將是一個圖像變化的懸停。但 - 完全錯誤。帶有名字的圖像始終存在,當我將鼠標放在它上面時,會出現透明的圖像。我試圖改變圖片,但它沒有奏效。CSS鼠標懸停在鼠標懸停消失

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

我在做什麼錯? 感謝您的幫助! :)

回答

2

因爲這visibility:hidden;

你告訴的CSS來掩飾內心.nutbrown每一個形象,當你將鼠標懸停.nutbrown

+0

啊,我知道了。非常感謝! – user2083948 2013-02-18 16:41:49