html - 无法更改菜单栏中的图像 "onhover"？

Question

我必须创建一个菜单栏，其中有类似 facebook 的通知球。我遇到了不能像 Facebook 那样在悬停时更改图像的问题。那我应该得到一些适当的解决方案吗？我的代码如下:

#noti_Container {
    position:relative;
    background:url(../images/globe-final_simple.png) no-repeat;
    width:25px;
    height:25px;
    display:block;
}

#noti_container:onhover{
    background:url(../images/globe-final_onhover.png) no-repeat;
}

这是悬停的地球仪而不是这个我想要深色地球仪。

Answer 1

#noti_container:hover{
background:url(../images/globe-final_onhover.png) no-repeat;}

试试这段代码