Improve web browsing speed of CSS a picture of multiple Web page background application

CSS background map positioning, learned this method, can be very effective to improve your Web front-end design level.

The image below is a CSS background image of the website applied to Amazon.com's official website, so let's take a look at its usage.

[Ctrl + A ALL SELECT hint: You can modify some of the code, and then run]

Why do so many Web pages to apply the buttons and pictures in a picture? This is a question raised by a member of the Arisisi alixixi.com.

Here to do a reply: The advantage is that it can effectively improve the browsing speed of the page, the picture needs to be loaded once, multiple applications ... If you come apart and open a page with more than one image, then you have to do more than 10 of pictures to download it, and this way, just once.