惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Recent Announcements
Recent Announcements
人人都是产品经理
人人都是产品经理
月光博客
月光博客
博客园 - 三生石上(FineUI控件)
GbyAI
GbyAI
博客园 - 司徒正美
美团技术团队
Vercel News
Vercel News
IT之家
IT之家
U
Unit 42
Y
Y Combinator Blog
罗磊的独立博客
Microsoft Security Blog
Microsoft Security Blog
MongoDB | Blog
MongoDB | Blog
Jina AI
Jina AI
V
Visual Studio Blog
B
Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
MyScale Blog
MyScale Blog
博客园 - 叶小钗
A
About on SuperTechFans
WordPress大学
WordPress大学
Hugging Face - Blog
Hugging Face - Blog
B
Blog RSS Feed

博客园 - Skyman

XML文件修改 - Skyman - 博客园 IE和FireFox中JavaScript的函数名的作用域的异同 - Skyman - 博客园 Javascript的assert() gif test 周记(081124-081128) Ha, I Can Touch The Ball Anywhere 几何变换矩阵 我的3D化身(Avatar) 真人3D Avatar 3D Dirichlet Free-Form Deformation(三维Dirichlet自由变形) UV UnWrap(UV展开) 图片拼接镶嵌(OpenGL实现) 模拟人生2人脸制作(转载) 脸部的黄金比例(转载) 使用WTL实现不规则窗口 最近在读《圣经》 《虚拟情人》Demo视频演示 《虚拟情人- Simone》 Demo演示 Papervision3D(Version 1.5)引擎源代码分析
CSS Sprites
Skyman · 2009-05-21 · via 博客园 - Skyman

现在比较火的一个技术。本质是将用到的图片都集成为一张大图片,然后通过css进行定位,实现每次显示大图片中想要的一部分(具体实现方法有多种),该技术的最大好处是可以减少HTTP Request。

把图片拼接起来,以及算各子图片的位置是件麻烦的事。这里有一个在线的CSS Sprites Generator :http://www.csssprites.com/,可以自动帮你拼接图片和计算位置。

目前要在html中实现图片的半透明效果,只能用png格式。png分为png8,png24和png32三种格式:png8和gif8差不多,只能实现color key的效果(即要么完全透明,要么完全不透明);png32是带有alpha通道的,可以实现半透明的效果。

---------------------------------------------------
Author: Skyman (吴俊)
版权所有,未经允许,不得转载
---------------------------------------------------