《
css sprites适用范围和css sprites的利弊》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331O2013.htm
css sprites的利弊
1，减少网页加载时的http恳求数。这种情况貌似只适用于&ldquo,CSS Sprites技术及图片优化;首次加载”之类需要从新从服务器端获取资源的情况。但无论怎么，对一个流量较大或者频繁被“重新加载”的网页，仍是很有用的,CSS Sprites技术以及图片优化。
对于这项技术，最大的利益有下面多少个：
--> [
网站建设之]css sprites适用规模跟css sprites的利弊
2，网页中含有大批小图标。或者，某些图标通用性很强。
1，需要通过下降http要求数实现网页加速。
2，给链接做背景图时，能够避免a:hover 时再载入背景图片而导致的背景“闪耀”。个人感到这一点在晋升用户休会存在必定的意思。
定宽情况下，则可平行排列若干小图片,CSS Sprites技术。定高，则纵向排列小图片。
若背景既不定宽，也不定高情况下强行使用css sprites技术，则容易产生“不应当呈现的图片涌现在页面上”的状况。若是“强行定高”，也将十分不利于日后的保护。
需要满意的前提
3,CSS Sprites图片合并技术减少请求优缺点，图片易于管理。条件是拼合的图片有一定的规律。如下图，就是一张“网站全体应用的按钮背景”的图片。这样可以很直观的看到网站中所有的按钮款式。(我个人爱好依照图片的一定“属性”来拼图片，一张图片都是icon或者都是btn背景&hellip,css reset重置基础代码;这样就可以顺便治理图片，且有一定规律可循的图片，比拟轻易排列在一起。当然，有些时候，也会抉择按照“模块”来拼合一张图片，这样在模块化的构造中,CSS position属性定位总结，就发生了一个简略的逻辑：调用一个模块，则调用上面的背景图。否则，这张图片就不被调用。可以有效的预防只用了一个小小的图标，就调用了全部大图片的问题。)
Tag：
这项技术好与不好并不能一律而论的。要视网站的详细情况而定。剖析时首先决议本人“是否需要”，还要综合开发本钱，维护成本等问题。找到一个适合实际情况的计划再做定夺。及时要用sprites,CSS opacity-实现图片半透明效果，倡议也不要极真个将各种尺寸，各种对齐方法，各种用处图片放在一起去维护。这样的极其或者不能再减少几个http请求数，反而为日后的维护埋下隐患。
如上图的buttons，就属于定宽定高的情形,CSS HACK：IE6、IE7、IE8、Firefox兼容性问题解决方案。
在网页中，通过这项技巧拼合在一起的图片最好有一项法则。定宽或者定高。最好是宽高都能定下来。须要平铺的图片，显然不合适sprite。
css sprites 实用范畴：
总结
3，网页中有需要预载的图片。重要是a与a:hover背景图这种关联的。假如a与a:hover的背景图分辨加载，那么，就会出现用户鼠标移到某个按钮上，按钮的背景忽然消逝再出来，产生&ldquo,CSS Hack和向后兼容的常见问题;闪烁”，如果按钮文字色与大背景雷同或相近，就更?了，有可能让人产生按钮“消散”了的错觉,CSS hack区分不同浏览器的写法。
(责任编辑：网站建设)
css sprites适用范围和css sprites的利弊相关文章