要解决背景动画不出现在期望位置的问题，可以通过以下方法进行调整。

1. 使用background-position属性：通过调整background-position属性的值来控制背景动画的位置。例如，将background-position设置为"center"，可以使背景动画居中显示。

.background {
  background-image: url('background-image.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  animation: background-animation 10s infinite;
}

@keyframes background-animation {
  0% { background-position: center center; }
  50% { background-position: top right; }
  100% { background-position: center center; }
}

2. 使用position属性：将背景动画元素的position属性设置为"absolute"，然后使用top和left属性来调整背景动画的位置。

.container {
  position: relative;
}

.background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url('background-image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  animation: background-animation 10s infinite;
}

@keyframes background-animation {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

这里的.container类是用来包裹背景动画的元素，通过设置其position为relative，然后在.background类中将position设置为absolute，并使用top和left属性来将背景动画居中显示。

这些方法可以根据具体情况进行调整和修改，以达到你希望的位置效果。