Background-image "CSS sprites,base64 encoding" in CSS

In CSS, background can set the object's background style. such as color or use a picture instead, today I would like to say two more words is to use the parameters of a picture: image. To be precise, it should be background-image. We can use it this way:

body{
Background-image:url (...) JPG);

}
/* You can also use background instead of */

body{
Background:url (".... jpg");

}

CSS display of 3 kinds of pictures, the first is a simple display of a picture, the second is called CSS Sprites, that is, a number of small images to synthesize a large picture, and then through the background postion parameters to achieve the effect, the third is Inline images. This method does not apply to IE browsers.

CSS sprites is a kind of all the pictures are Base64 encoded in the form of source code written in the CSS file, the format is this:data:[<mediatype>][;base64],<data>

The Data:url tag was first presented in 1995, as described by the RFC2397 specification: It is "allows inclusion of small data items as ' immediate ' data. (Allow some small, real-time information to be included in the page)". such as an inline image can be referred to as:

{  background-image:url(data:image/gif; Base64,r0lgodlhcaaiajeaaonp6etk5o7m8aaaach5baeaaaialaaaaaaiaagaaainjamjh2q6dnxovsqmlqa7) ;  }