Html 向下滚动后,背景图像在Chrome中消失

Html 向下滚动后,背景图像在Chrome中消失,html,css,google-chrome,Html,Css,Google Chrome,我设置了一个分辨率为1980 x 1200的图像作为网页的背景。当我向下滚动时(我想在1200像素的高度之后),图像就会消失,出现白色背景。这只有在Chrome中才会发生,在safari中效果非常好。下面是我在CSS中使用的内容 body,html{ margin-top: 0px; background-image: url(../_images/1902974.jpg); background-attachment: fixed; background-position: center t

我设置了一个分辨率为1980 x 1200的图像作为网页的背景。当我向下滚动时(我想在1200像素的高度之后),图像就会消失,出现白色背景。这只有在Chrome中才会发生,在safari中效果非常好。下面是我在CSS中使用的内容

body,html{
margin-top: 0px;
background-image: url(../_images/1902974.jpg);

background-attachment: fixed;
background-position: center top;
width:100%;
height:100%;
}
我也尝试过背景位置:固定,但它不工作,只有在铬。
我需要添加任何代码吗?

尝试将最小高度添加到html和正文的百分之百

和“背景大小”属性来覆盖

实现这一点的方法很多,但您可以尝试:

body,html{
背景图片:url(../\u images/1902974.jpg);
背景尺寸:封面

}
全屏背景的简单方式。(BG图像不会像这样滚动)。如果要滚动,请将
固定
设置为
滚动

CSS

html { 
  background: url(images/mybgimage.jpg) no-repeat center center;
  background-attachment: fixed; /* Or scroll */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
工作于:

  • 狩猎3+

  • 铬什么的+

  • IE 9+

  • Opera 10+(Opera 9.5支持背景大小,但不支持关键字)

  • Firefox 3.6+(Firefox 4支持非供应商前缀版本)


  • 根据回答。

    仍然会显示图像。我做的一件事是将最小高度设置为2000px。现在我向下滚动页面,1200px后图像显示。我进一步向下滚动,在某个点上,图像再次出现。然后我滚动到1200像素,图像再次显示。您是否已将背景重复属性添加到“不重复”,并将最小高度设置为2000像素?是的。但同样的事情发生在1200px之后,图像出现了,我向下滚动了一段时间,图像现在出现了。你能给出代码吗,大部分是你正在使用的jpg。也许这个:body,html{positiont:absolute;top:0px;left:0px}我在网页中使用了一个表。我已经将表的宽度设置为960px,作为我的内容包装器的大小。当我移除表格时,背景图像工作正常。如果我使用了该表,则在1200pxI在网页中使用了一个表之后会显示该图像。我已经将表的宽度设置为960px,作为我的内容包装器的大小。当我移除表格时,背景图像工作正常。如果我使用了该表,图像将显示在1200px@Anbu如果这是一个重要的细节,那么应该在你的帖子中提到。应说明与问题相关的任何具体细节。所有相关代码均应张贴。