css精灵图上下无法移动

CSS精灵图是一种将多个小图标合并到一张大图上的技术，通过CSS来控制显示需要的部分，以减少HTTP请求次数，加快页面加载速度。如果你在使用CSS精灵图时遇到了图片无法上下移动的问题，这可能是由于以下几个原因造成的：

1. CSS的`background-position`属性没有正确设置。在使用精灵图时，需要正确设置`background-position`的值，以确保显示正确的图标部分。例如，如果你要将精灵图向下移动，你应该增加`background-position`的垂直值。

2. 精灵图的尺寸可能设置不正确。确保精灵图的`background-size`属性已经设置为精灵图的宽度和高度，否则可能导致无法通过背景位置来精确控制显示区域。

3. 父容器的尺寸可能影响精灵图的显示。如果父容器的尺寸小于精灵图的某个图标，那么即使通过CSS调整了位置，也可能无法显示出预期的图标部分。

确保精灵图的CSS设置如下：

.icon {
    display: inline-block;
    width: 20px; /* 根据实际图标大小设置 */
    height: 20px; /* 根据实际图标大小设置 */
    background-image: url('sprite.png'); /* 精灵图的路径 */
    background-position: 0 -50px; /* 调整这个值来移动图标 */
}

在上面的例子中，`background-position`的值`0 -50px`表示图标将从精灵图的顶部开始，向下移动50像素。你可以根据需要调整这个值来上下移动图标。