CSS雪碧图（也叫精灵图）的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中，从而减少你的网站的HTTP请求数量。该图片使用CSS background和background-position属性渲染，这也就意味着你的标签变得更加复杂了，图片是在CSS中定义，而非<img>标签。
兼容性问题
提高兼容性可以从以下几个方面
1.定义解析模式<!DOTYPE>
2,使用reset技术或者Normalize技术
3.加前缀谷歌加—webkit—欧鹏加—O—ie加—MS—火狐加—MOZ—
3.市容CSS的hack技术
4.条件注释
5.导入包
原文：http://www.cnblogs.com/shazhiwoai/p/5879055.html