首页 >> 网页设计 >> CSS/HTML专区 >> 谈切图优化加速图片显示—淘宝实例

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

作者:ui163 来源:ui163.com 时间:2008-1-30 网友评论条 【

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

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

这个是淘宝首页的切图:

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

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

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

站长工具
Google PR 查询:
相关文章
loading 请稍等,评论加载中...

学习Asp到中国Asp之家(Aspxhome.com)

闽ICP备06017341号