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

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你的鼠标指针，变得非悬停（返回到原始的鼠标下方的地方）并且循环开始......