谈切图优化加速图片显示—淘宝实例
作者: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