Html 背景：固定；消失在镀铬的卷轴上

在Chrome中向下滚动页面时，我的固定背景元素会闪烁，并在页面中的某一点完全消失。我用Chrome编写了这个代码，但它只是一个问题，所以我不确定是怎么回事

我尝试过将位置更改为静态、webkit剪辑、z索引、定位背景、将其从重复更改为重复，以及我可能找到的所有内容。我似乎无法在div内部获得一个固定的图像来进行迂回的修复，所以我想知道是否有一种方法可以将图像保留在CSS中

#永远不要关闭能量{
宽度：85%；
背景：url(https://i.imgur.com/lw6rtk6.jpg)固定重复；
字体：24磅“方便”；
颜色：#ffbed2；
填充：20px；
文本对齐：右对齐；
字母间距：2px；
文本转换：大写；
}
#永远不要失去能量，安静{
背景色：rgba（17,14,6,75）；
填充物：5px 5px 5px 7px；
}

标题

只要删除“固定重复”，滚动效果似乎就会消失：

背景：url（）

---

尝试此操作？

您的HTML代码包含不推荐使用的标记。请考虑改写你的HTML。它看起来不像你的图像“闪烁”和消失，看起来像一个视差滚动到MeHi！我实际上希望保持滚动效果。我遇到的问题是，当我在Chrome中向下滚动页面时，一旦我到达页面上的某个点，背景就会消失。