html - 关闭模态(Bootstrap)时出现奇怪的 Google Chrome 背景图像错误

Question

在 Chrome 中，如果你向下滚动，那么标题就在你浏览器的中间，你点击了观看视频按钮，这打开了模式，这是正常的，但如果你向上滚动关闭它，我会得到这种奇怪的背景干扰图像和按钮，比如背景图像被切断，按钮添加了带有边框的疯狂背景？

有没有人以前经历过这个并且知道修复，只在 chrome 中

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

截图示例: http://imgur.com/OUZ6d3s

谢谢

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;
}
}