如何只改变背景而不影响图片内容？

如果你只想改变图片的背景颜色而不影响其内容，你可以使用CSS的伪元素`::before`或`::after`。这样可以在图片周围创建一个新的背景区域。下面是一个简单的示例：

HTML部分：

<div class="bg-color-changer">
   <img src="your-image.jpg" alt="Your Image">
</div>

CSS部分：

.bg-color-changer {
   position: relative;
   overflow: hidden; /* 隐藏溢出的内容 */
}

.bg-color-changer::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: your-desired-color; /* 可以在这里设置你想改变的背景颜色 */
   z-index: -1; /* 将背景层置于图片下方 */
}

这里，`.bg-color-changer::before`伪元素设置了图片的背景颜色，同时它的`z-index`值小于图片的`z-index`（默认值是auto，通常大于0），所以图片内容会出现在背景之上。