关闭模态(引导程序)时奇怪的谷歌浏览器背景图像错误

Question

在 Chrome 中，如果您向下滚动，因此标题穿过浏览器的一半，然后单击"观看视频"按钮，该按钮会打开正常模式，但是在关闭它时，如果您向上滚动，我会对背景图像和按钮产生这种奇怪的干扰，就像背景图像被切断并且按钮添加带有边框的疯狂背景？

以前有没有人经历过这种情况并且知道修复程序，仅在 chrome 中

网站： http://goo.gl/s3kLML

截图示例：https://i.stack.imgur.com/f3mLz.jpg

谢谢

Answer 1

听起来像一个背景附件：固定+背景大小：封面错误，只需删除背景属性中的"固定"，它就可以工作。

.jumbotron {
  background: url(../images/bg_blur2.jpg) #e8df06 center no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  padding: 0;
}

或者，如果您希望在所有其他浏览器中修复背景并在Chrome中修复此错误，则可以尝试：

@media screen and (-webkit-min-device-pixel-ratio:0) {
.jumbotron {
  background: url(../images/bg_blur2.jpg) #e8df06 center no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  padding: 0;
}
}