Absolute positioning of CSS Sprites-CSS background images

This CSS technology uses absolute positioning of a background image to reduce HTTP requests and speed up webpages. CSS Sprite is best suited for background icons or decorative background images.
It is to integrate many background images into a background image, and then restrict the width and height of the background image elements, and then use background-repeat and background-position to locate the image, the advantage of this is to reduce the HTTP requests when a webpage is loaded, because each time you use a background image, an HTTP request is sent when the webpage is loaded.
CSS Sprites also has certain limitations. For example, you need to add an image to the entire background image every time and perform precise positioning and measurement.