background-position减少小图片的连接数

 

background-position减少小图片的连接数


background-position:xx yy;
1.xx表示背景图片(背景图片本身)从左往右的位移,如果xx的单位为px则表示位移xx个像素点,如果xx为一百分数则表示位移当前区域的50%px的位移
2.yy表示背景图片从上往下的位移,yy表示的数值与xx相同。
3. 如果xx为负值则表示从右往左移,如果yy为负值则表示从下往上移动
4.背景图片默认左上角对应所在区域的左上角

这项技术目前在web开发中被普遍采用,用来优化数量较多的小图片的显示, 减少http请求,一张大图包含大量小图,然后通过background-position控制显示某张小图,可以明显的减少图片数量,减少http请求数量.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值