How to use css image Sprites


CSS Sprites is a CSS technique to combine small images into one big image and then access them using the background-position property. It is used to save HTTP requests.

#container .background {
  background: url(/images/sprite-image.png) -xxpx -xxpx;
  width:  25px; /* width and height of the sprite image you want to display */
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
}
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s