时间戳

首页 > 解决方案 > 背景：固定；在 chrome 中滚动时消失

html - 背景：固定；在 chrome 中滚动时消失

问题描述

在 Chrome 中向下滚动页面时，我的固定背景元素会闪烁并在页面中的某个位置完全消失。我在 Chrome 中对此进行了编码，但它只是成为一个问题，所以我不确定发生了什么。

我尝试将位置更改为静态，webkit 剪辑，z-index，定位背景，将其从重复更改，我能找到的一切。我似乎无法让固定图像在 div 内部工作以进行迂回修复，所以我想知道是否有办法将图像保留在 CSS 中。

#neverlosethatenergy {
  width: 85%;
  background: url(https://i.imgur.com/lw6rtk6.jpg) fixed repeat;
  font: 24pt 'facile';
  color: #ffbed2;
  padding: 20px;
  text-align: right;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#neverlosethatenergy .silence {
  background-color: rgba(17, 14, 6, .75);
  padding: 5px 5px 5px 7px;
}
<center>
  <div id="neverlosethatenergy">
    <font class="silence">TITLE</font>
  </div>
</center>

你可以在这里找到问题。问题仅在 Chrome 中。在其他浏览器中，一切似乎都运行良好。

标签： htmlcssgoogle-chrome

解决方案

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

背景：网址（https://i.imgur.com/lw6rtk6.jpg）；

尝试这个？

推荐阅读