1. 程式人生 > >A標籤切換圖片

A標籤切換圖片

.xubox_botton a{

           display:block;           //這個可以讓A標籤的背景圖片顯示

            background:url(./msgImage/xubox_ico0.png) repeat; 

            text-decoration:none; color:#FFF; 

            font-size:14px; 

            text-align:center;

            font-weight:bold; 

 }


.xubox_botton a:hover{

           text-decoration:none; color:#FFF;

}

.xubox_botton .xubox_botton1_0{                      //預設圖片

     margin-left:39px;

     width:79px;

     height:32px;

     line-height:32px;

    background-position:-6px -34px;             //所有的圖片在一起,擷取其中的一部分。

}
.xubox_botton1_0:hover{                                       //滑鼠放上去後切換

      background-position:-6px -72px;

      cursor:pointer;

}

1.Ie下 A標籤一定要加連線【href=""】,否則hover屬性不起作用。