CSS图像悬停不起作用

Question

我还有一个问题。请指导我..

#footer-menu  .homeButton a {
background-image: url('homebutton.jpg');
background-repeat: no-repeat;
background-position:center;
height:70px;
padding:5px 8px 50px 15px;
border:none;
width:70px;
}

在此代码中，当我将位置更改为左上角时，它仅显示白色图像。如何更改位置。

#footer_menu .homeButton:hover a{
background:none;
}
#footer_menu .homeButton a:hover{
background:url("homebutton2.jpg");
background-repeat: no-repeat;
background-position:center;
 }

在上面的代码中，当我将鼠标悬停在图像上时，它不会显示homebutton2图像。我该怎么办？请帮助我。

Answer 1

此规则隐藏了锚点。 #footer_menu .homeButton:hover a{ background:none; }