避免鼠标滑过闪烁

Gig*_*aPr 2 css

我在菜单中有一个简单的链接

<a id="Home" href="Amico-Bio-Home-Page"></a>
Run Code Online (Sandbox Code Playgroud)

我应用以下风格

#Home{
background-image:url(../Images/Menu/home.png);
Run Code Online (Sandbox Code Playgroud)

背景重复:不重复; 边界:无; 显示:块; 高度:70像素; 文字修饰:无; 宽度:78px; 向左飘浮; 填充:0 7px; }

#Home:hover {
 background-image: url(../Images/Menu/homeOn.png);
}
Run Code Online (Sandbox Code Playgroud)

当我浏览链接时,图像被交换.

在交换图像时,链接会立即消失.

你知道有什么方法可以避免它吗?

谢谢