谈切图优化加速图片显示—淘宝实例

作者:ui163 来源:ui163.com 时间:2008-01-30 12:24:00 

我们先看一下淘宝的页面:

这么一个庞然大物,该怎么切图呢?显然按照给出的方法也可以完成这项任务,但是做为前端开发的我们是否应该给自己提出更高的要求了,是否有更优化的解决方法呢? 让我们看看淘宝的做法:

这个是淘宝首页的切图:

到这里我们也许恍然大悟了,但是这个只是表面的

至于为什么要针对ie和firefor而使用不同的的背景图片,也不太明白?如果有高手知道请赐教了

三个技巧(CSS Sprite):
1. 图片限制(Image Slicing)
2. 单图转滚(Single-image Rollovers)
3. 延长背景(Extend Background Image)

标签:CSS,Sprite,Sprite,切图,图片,淘宝
0
投稿

猜你喜欢

  • [译]JavaScript中的Timer是怎么工作的

    2009-02-06 15:39:00
  • 再说淘宝的评价和信用机制

    2008-07-10 12:43:00
  • SQL语句操作主从关系表

    2011-06-19 13:19:05
  • 图片放大镜,多图片放大(已更新)[可调整倍数、区域大小、展示区域位置]

    2011-06-16 20:43:07
  • 设计可以量化吗?

    2009-06-12 12:12:00
  • 如何使用表格来储存数据库的记录?

    2010-05-16 15:14:00
  • 在ASP中连接使用数据库

    2007-09-22 10:46:00
  • 瞬间的快感之细节提升用户满意度

    2010-11-17 19:19:00
  • 用ASP和SQL实现基于Web日历源码

    2010-04-24 15:52:00
  • 推荐一篇不错的新手asp编程的基本法则

    2011-04-15 11:08:00
  • 超半数中文网页一年内将“消失”

    2008-03-08 12:49:00
  • Oracle如何直接运行OS命令(下)第1/2页

    2010-07-30 13:26:00
  • 牢不可破的九宫格布局

    2009-07-24 12:40:00
  • ORACLE应用经验(1)

    2010-07-31 12:53:00
  • ASP下标越界错误的解决方法

    2008-10-19 17:39:00
  • Mootools 1.2教程(21)——类(二)

    2008-12-28 20:58:00
  • 2009年五一劳动节logo欣赏

    2009-05-02 18:26:00
  • ASP应用之教你使用模板

    2008-10-15 13:09:00
  • 如何用SA-FileUp上传一个单纯的HTML文件?

    2010-05-18 18:29:00
  • XHTML与HTML之间的7个区别

    2009-05-20 10:13:00
  • asp之家 网络编程 m.aspxhome.com