CSS筆記-滑鼠移過換圖

CSS：

#123 a {

        background: url("123.png");/*預設顯示圖片*/
        display: block;
        font-size: 0; 
        height: 30px;/*圖片高度*/
        width: 107px;/*圖片寬度*/
    }
    #123 a:hover {
        background: url("../123-1.png"); /*滑鼠移過顯示圖片*/
    }

HTML：

<div id="123"><a href="#">test</a></div>

一開始滑鼠移過換圖我都是用MouseOver & MouseOut寫
可是不知道是公司的系統太難搞，還是寫法有問題~
常常寫到後來都失效~所以改用CSS寫~還不賴的說^^