当我指向它时我的图像开始闪烁（悬停）

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你的鼠标指针，成为非徘徊（返回原单下鼠标的地方）和环开始...