Question

在Chrome中，如果向下滚动以使标题位于浏览器中间的一半，则单击“观看视频”按钮可打开正常的模态，但如果向上滚动则关闭它我会对背景产生这种奇怪的干扰图像和按钮，如背景图像被切断，按钮添加疯狂的背景和边框？

之前是否有人经历过这种情况并且知道修复，仅限于Chrome

由于

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

关闭模式时的奇怪的谷歌浏览器背景图像错误（引导程序）

1 个答案: