最新版Chrome Broke修复背景?

时间:2015-09-11 19:20:49

标签: javascript html css twitter-bootstrap-3

我正在使用stellar.js并且还在使用background-attachment:fixed。但是,生成的滚动效果突然停止在Google Chrome中运行。这是一个链接  site

当我尝试在版本45.0.2454.85中预览我的网站时,背景附件不适用于我的任何背景图片。但它适用于firefox,edge等。当我尝试低于45的版本时它也工作得很好。

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

CSS

library(dplyr)
bind_rows(a,b)
#Source: local data frame [2 x 4]

#    A     B     C     D
#  (dbl) (dbl) (dbl) (dbl)
#1     3     9    10     6
#2     1     2    NA     5

HTML

.intro {

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

}

1 个答案:

答案 0 :(得分:0)

似乎要使它适用于此版本,我必须从overflow-x:hidden属性中取出:

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

否则我的图片不会因为我不知道的原因而固定在此Chrome版本上。