CSS-background-position

#edit_bar{
 width:99%;
 margin:5px 0px 0px 0px;
 padding:3px 0px 0px 0px;
 height:21px;
 backgroud:url(../images/edit_bar.gif) no-repeat left 0;
 }
#edit_bar li,#edit_bar li a {float:right; display:inline; width:74px; height:21px;outline:none;}
#edit_bar li a { width:auto; text-indent:-9999px; background:url(../images/edit_bar.gif) no-repeat left 0; }

#edit_bar .s01 a{ width:64px; }
#edit_bar .s01 a:hover{background-position:0px -21px; }

#edit_bar .s02 a{ width:64px; background-position:-72px 0px; }
#edit_bar .s02 a:hover{background-position:-72px -21px;}

#edit_bar .s03 a{ width:64px;background-position:-144px 0px;}
#edit_bar .s03 a:hover{background-position:-144px -21px; }

#edit_bar .s04 a{ width:64px;background-position:-216px 0;}
#edit_bar .s04 a:hover{background-position:-216px -21px; }

#edit_bar .s05 a{ width:64px;background-position:-288px 0;}
#edit_bar .s05 a:hover{background-position:-288px -21px; }

#edit_bar .s06 a{ width:64px;background-position:-360px 0;}
#edit_bar .s06 a:hover{background-position:-360px -21px; }

一组图片,通过控制显示位置来控制显示图片的大小,而不是用到的所有图片都找得到
而是一张图片,放所项目有的要用的图片

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值