我需要一个由图片组成的菜单,当有人在其周围悬停时,图片应更改。
HTML
<div id="menu" >
<a href="#" id="home"><img src="images/about.png" alt="logo" /></a>
</div>
CSS
#menu {
margin-left : 353px;
margin-top : -70px;
padding-bottom : 16px;
}
#home {
background : transparent url(images/about.png);
z-index : 1;
}
#home:hover {
background : url(images/aboutR.png);
z-index : 2;
}
我所面临的问题是,当我在菜单项周围悬停时,要显示的悬停图像会显示在旧图像后面。此外,显示的悬停背景图像宽度和高度非常小。请帮帮我。谢谢。