CSS精灵图是一种比单独加载多个图片更加高效的方法。它将多个图片合成为一张图，然后通过设置背景位置和大小，显示需要的图片。在实际应用中，设置CSS精灵图的背景需要注意以下几点。 首先，在HTML中创建需要使用CSS精灵图的元素，如以下代码所示：

<div class="icon" ></div>

其中，class为icon的div元素就是需要使用CSS精灵图的元素。 接下来，在CSS样式表中，设置背景图片为CSS精灵图所在的图片：

.icon{
  background-image: url(images/sprites.png);
}

其中，images/sprites.png为CSS精灵图所在的位置。需要注意的是，CSS精灵图应该经过压缩优化，以减小图片的体积。 然后，通过设置background-position属性来显示需要的图片。background-position的值可以是具体的像素值，也可以是关键字left、right、center、top、bottom等。例如，要显示CSS精灵图中第一张图片，可以设置如下样式：

.icon{
  background-position: 0 0;
}

其中，0 0表示CSS精灵图中第一张图片的左上角位置。如果需要显示CSS精灵图中的其他图片，只需要调整background-position的值即可。 最后，为了避免CSS精灵图和其他图片或背景颜色发生混淆，可以设置background-repeat为no-repeat，使背景只显示一次。 综上所述，使用CSS精灵图的背景设置涉及到背景图片、背景位置、背景大小和背景重复等多个方面。只有在正确设置这些属性后，才能充分发挥CSS精灵图的优势。