當我指向它時我的圖像開始閃爍（懸停）

Question

我有這種佈局，當我指向它時（使用懸停），我希望打印機圖像切換到另一個圖像，但是當它指向它時開始閃爍在上面。我在所有瀏覽器中都有同樣的問題，所以我做了一些錯誤的事情，但是什麼？

<a href="http://" class="printer" target="_new"></a> 


a.printer:link, a.printer:visited{ 
width: 30px; 
height: 30px; 
background-image: url(images/printerblue.png); 
background-size:100% 100%; 
position: absolute; 
left: 150px; 
top:-15px; 
} 

a.printer:hover{ 
width: 30px; 
height: 30px; 
background-image: url(images/printergreen.png); 
background-size:100% 100%; 
position: absolute; 
left: 150px; 
top:-150px; 
} 

Answer 1

在第一類中，你有top:-15px;但在第二top:-150px;，所以當懸停風格進來 - 對象轉化和esapes你的鼠標指針，成爲非徘徊（返回原單下鼠標的地方）和環開始...