CSS中background-image可以在一个容器中显示一张背景图片，一般情况下用background-image:url(***)的方式实现，也可以用background方式简写。

1、单独一张图片，存在服务器。直接同background:url(http://songker.com/favicon.ico)

2、雪碧图，即CSS Sprites。 把若干张小图片合成在一张大图里面，通过background的postion参数来控制图片再容器中的位置实现效果。此方式的意义就是在减少请求数，降低服务器的负载压力。

3、写法 :background: url(data:image/png;base64,iVBORw0KGgoAAA***)  no-repeat;

单个词的含义：

  data: ----获取数据类型名称

  image/png; -----指数据类型名称

  base64 -----指编码模式

  abcd ------指编码以后的结果

background: url(data:image/png;base64,iVBORw0KGgoAAA***)  no-repeat;这段代码的总体意思就是“获取数据类型是image png文件，编码采用ASCII 字符，ASCII编码内容是‘abcd’”

图片直接以ASCII的形式存在了CSS样式文档中，只需要浏览器进行编译就可以了。将图片写入文档中，可以减少客户端对服务器的请求（不用请求服务器的图片）。

备注：ie8及以下不兼容。

将图片base64编码，http://tool.css-js.com/base64.html