立即注册 登录
教研室 返回首页

涛声依旧的个人空间 http://www.jiaoyanshi.com/space-uid-25164.html [收藏] [分享] [RSS]

日志

CSS Sprites 图片整合技术(又称CSS雪碧)

热度 1已有 2240 次阅读 2011-7-27 15:00 |系统分类:电子商务课件 | CSS, Sprites, 图片整合技术, CSS雪碧

  简单介绍一下 CSS Sprites 的优点:
当用户往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。
CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。
   
实现方法:

  1.首先将小图片整合到一张大的图片上
  2.然后根据具体图标在大图上的位置,给背景定位。
  background-position:-8px -95px;

CSS雪碧的不足:

  CSS 雪碧调用的图片不能被打印,除非在@media中特别添加 print声明
  如果要修改雪碧中的一个图片,你就要修改整张图片,这无疑会增大工作量

路过

鸡蛋
1

鲜花

握手

雷人

刚表态过的朋友 (1 人)

分享到:
   举报 收藏 分享

评论 (0 个评论)

facelist doodle 涂鸦板

您需要登录后才可以评论 登录 | 立即注册

全部涛声依旧的最新日志

热门日志导读

回顶部