CSS利用a:hover和background-position实现鼠标指向更改图片

#menu a:hover {

    background-position: bottom;

}

#menu .home {
    width: 144px;
    height: 58px;
    background: url(images/home.gif) no-repeat;
    left: 96px;
    top: 73px;
}

先规定取图片上半部分，然后利用a：hover调用background-position: bottom;使用图片的下半部分。