垂直翻转背景图span文字不动

要垂直翻转背景图像而保持 `<span>` 元素内的文字不动，您可以使用 CSS 的 `transform` 属性和 `scaleY()` 函数。将 `scaleY(-1)` 应用于背景图像的容器元素，可以垂直翻转图像，而 `<span>` 元素内的内容将保持不变。以下是一个示例代码片段：

<div class="container">
  <span>这是一段文字</span>
</div>

.container {
  background-image: url('your-image.jpg');
  background-size: cover;
  transform: scaleY(-1);
}

将上述代码添加到您的 HTML 文件中，并将 `.container` 替换为包含背景图像的元素的选择器。将 `'your-image.jpg'` 替换为您要用作背景图像的图像路径。这样，背景图像将垂直翻转显示，而 `<span>` 元素内的文字将保持不动。

请注意，这种方法只适用于背景图像，而不会影响元素内部的其他内容。