A標籤切換圖片
阿新 • • 發佈:2019-01-09
.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屬性不起作用。