我在菜单中有一个简单的链接
<a id="Home" href="Amico-Bio-Home-Page"></a>
我应用以下样式
#Home{
background-image:url(../Images/Menu/home.png);
背景重复：不重复; 边界：无; 显示：块; 高度：70像素; 文字修饰：无; 宽度：78px; 向左飘浮; 填充：0 7px; }
#Home:hover {
background-image: url(../Images/Menu/homeOn.png);
}
当我浏览链接时，图像被交换。
在交换图像时，链接会立即消失。
你知道有什么方法可以避免它吗？
感谢
答案 0 :(得分：5)
答案 1 :(得分：2)
您应该使用图片精灵表。有关它们的详细教程，请查看此处：http://css-tricks.com/css-sprites/
答案 2 :(得分：1)
我建议完全避免使用图片并使用CSS来设置链接的样式。使用CSS3背景和边框渐变，文本阴影等可以完成很多工作。查看：http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/和http://webdesignledger.com/tutorials/12-excellent-css3-button-and-menu-techniques获取灵感和代码。
答案 3 :(得分：0)
html部分
<a><img src="homeOn.png" alt="" width="" height="" /></a>
css part
a {height:px;width:px;background-image:url(home.png)}
a:hover img {visibility:hidden}
不再增加奖励IE6 flicker