CSS Sprites(图片整合技术) 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。当页面加载时,不是加载每个单一图片,而是一次加载整个组合图片。这是一个了不起的改进,它大大减少了HTTP请求的次数,减轻服务器压力,同时缩短了悬停加载图片所需要的时间延迟,使效果更流畅,不会停顿。
像迅雷还有QQ这种类型的网站 通过查看背景图片 他们都用了CSS Sprites技术 而且背景图片是PNG透明的而IE6不支持PNG透明 还要写一大串JS为什么不直接用JPG格式的呢?用PNG格式的有什么好处呢?
jpg、bmp不带透明通道。
gif带透明通道,但是有杂边,效果不好。
当为了实现某些设计效果,精细的透明叠加阴影之类的,在网页上显示的图片格式中,png格式基本上是目前唯一的选择!用那串js是不得以,ie低版本不支持png透明,用js来修正这个问题。
IE 6已经进入了淘汰期!虽然我国IE6仍占有很大的使用率!但是现在全部大型网站都已经把IE6放入淘汰阶段的产物了的!所以写的那些js只是为了兼容即将淘汰的IE 6的!而上面也写到了jpg、bmp不带透明通道;gif带透明通道,但是有杂边,效果不好;所以现在几乎全部的大型网站和前端网站已经跟紧潮流的网站几乎都是这样做的!