我有一个菜单的简单链接，鼠标闪烁避免过度
<a id="Home" href="Amico-Bio-Home-Page"></a>
到我申请以下样式
#Home{
background-image:url(../Images/Menu/home.png);
背景重复：不重复; border：none; display：block; height：70px; text-decoration：none; width：78px; float：left; padding：0 7px; }
#Home:hover {
background-image: url(../Images/Menu/homeOn.png);
}
当我检查链接的图像交换。
交换图像时，链接消失一瞬间。
你知道有什么方法可以避免吗？
感谢
您应该使用像精灵表。有关它们的详细教程看这里：http://css-tricks.com/css-sprites/
HTML部分
<a><img src="homeOn.png" alt="" width="" height="" /></a>
CSS部分
a {height:px;width:px;background-image:url(home.png)}
a:hover img {visibility:hidden}
额外的奖金不多IE6 flicker
我建议完全避免图像，并使用CSS设计您的链接。您可以使用CSS3背景和边框渐变，文字阴影等来完成很多任务。检出：http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/和http://webdesignledger.com/tutorials/12-excellent-css3-button-and-menu-techniques的灵感和代码。正确。
没错。出现“闪烁”是因为浏览器必须下载第二张图像。 – keithjgrant 2010-03-25 00:20:52