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

作者: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
投稿

猜你喜欢

  • Golang如何编写内存高效及CPU调优的Go结构体

    2024-04-23 09:45:55
  • python自动化测试之setUp与tearDown实例

    2021-07-01 13:35:13
  • 内容添加asp.net

    2024-06-05 09:27:29
  • AJAX缓存问题的两种解决方法(IE)

    2008-05-02 20:57:00
  • 如何以及何时使用sIFR

    2008-03-07 12:38:00
  • sysbench的安装与使用 分享

    2024-01-17 08:41:19
  • 分享Python 加速运行技巧

    2022-07-07 12:48:04
  • 巧用Dreamweaver4文件库更新网站

    2007-02-03 11:31:00
  • 利用xmlhttp和adodb.stream加缓存技术下载远程Web文

    2009-04-23 18:33:00
  • Python中条件判断语句的简单使用方法

    2022-10-12 00:34:34
  • python中如何使用正则表达式的集合字符示例

    2022-05-31 13:00:56
  • Python Django框架实现应用添加logging日志操作示例

    2022-09-17 20:59:52
  • 2020史上最全IDEA插件总结(推荐收藏)

    2023-11-13 07:13:41
  • 详解使用vue脚手架工具搭建vue-webpack项目

    2024-05-21 10:29:19
  • 浅析Python中的赋值和深浅拷贝

    2021-09-10 14:30:14
  • 教你如何用node连接redis的示例代码

    2024-05-03 15:55:15
  • Python人脸识别第三方库face_recognition接口说明文档

    2022-07-12 04:15:37
  • Jupyter安装链接aconda实现过程图解

    2022-02-04 21:33:57
  • python如何爬取个性签名

    2021-03-29 03:34:04
  • Python socket套接字实现C/S模式远程命令执行功能案例

    2021-11-27 13:22:01
  • asp之家 网络编程 m.aspxhome.com