这只是一个替代的最小解决方案，您也可以为<img>设置z-index: -1作为快速修复，而不对其他元素进行更改。
示例：

#eventcenterimg {
  /* 👇 Add this */
  z-index: -1;
  text-align: center;
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
}

我还没有试过你的代码，但是如果这个案例只是关于覆盖其他东西的东西。尝试改变一下：

• 将文本的z轴设置为2（在样式中设置）

我希望那能起作用

仅在必要时使用绝对定位。使用Flex
第一个