Question

在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>

您可以找到问题here。该问题仅在Chrome中存在。在其他浏览器中，一切似乎都可以正常工作。

Answer 1

仅通过删除“固定重复”即可消除滚动效果：

background：url（https://i.imgur.com/lw6rtk6.jpg）;

尝试一下？

背景：固定；在Chrome浏览器中消失

1 个答案: