最新版本的 Chrome Broke 修复背景？答案

【问题标题】：Latest Version of Chrome Broke fix background?最新版本的 Chrome Broke 修复背景？
【发布时间】：2015-12-08 10:37:24
【问题描述】：

我正在使用 stellar.js 并且还在使用背景附件：已修复。然而，产生的滚动效果突然停止在谷歌浏览器中工作。这是一个链接 site.

当我尝试在 45.0.2454.85 m 版本中预览我的网站时，背景附件不适用于我的任何背景图片。但是它可以在 Firefox、Edge 等中使用。当我尝试低于 45 的版本时，它也可以正常工作。

这是我通常如何创建我的背景图片

CSS

.intro {

background-image: url(/img/banner-bg.jpg);
background-repeat: no-repeat;
height: 100%;
background-attachment: cover;
background-position: center center;
background-size: contain;

}

HTML

<section class="intro" data-stellar-background-ratio="0.5">   </section>

【问题讨论】：

你应该添加相关代码而不仅仅是一个链接
我为我的背景图像添加了代码。我搜索了类似的主题，但我无法解决。

标签： javascript html css twitter-bootstrap-3

【解决方案1】：

似乎为了使它适用于这个版本，我必须从以下位置取出 overflow-x:hidden 属性：

html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden; }

否则我的图像将无法在此 Chrome 版本中保持固定，原因我不知道。

【讨论】：