兼容各种浏览器的图片反转

效果如图


CSS如下

<!–

*{ padding:0; margin:0; font-size:12px;}

a.more{  height:20px; line-height:20px; display:inline ; padding-right:10px; position:relative ; width:62px; float:left; font-size:15px;}

a.more b{background:url(up_icon.gif) no-repeat 0px 0px; position:absolute; right:0; top:5px; font-size:0; width:10px; height:8px;}
a.more:hover b{ -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}

–>

HTML结构

<a href=”#”>展开更多<b></b></a>