滚动后在Chrome中消失的背景图像

我设置了一个图像，其分辨率为1980 x 1200作为网页的背景。当我向下滚动时（我认为在1200像素的高度后）图像会消失，并出现白色背景。出现这种情况仅适用于Chrome，Safari中它的工作原理perfect.Here就是我在CSS中使用过滚动后在Chrome中消失的背景图像

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

background-attachment: fixed; 
background-position: center top; 
width:100%; 
height:100%; 
}

我也试着背景位置：固定的，但它没有在Chrome只工作。我需要添加任何代码吗？

来源

2014-10-01 Anbu

我曾在网页中使用过一个表格。我将表格的宽度设置为960像素作为内容包装的大小。当我删除表格时，背景图片工作正常。如果我使用表格，图像消失1200px之后 – Anbu 2014-10-01 19:30:25

尝试加入最小高度百分百为HTML和身体
和background-size属性覆盖

来源

2014-10-01 19:01:45

仍然图像消失。我做的一件事是我设置最小高度为2000px。现在我向下滚动页面，在1200px之后图像消失。然后我进一步向下滚动，在某个时候图像再次出现。然后我滚动到1200像素的图像消失再次 – Anbu 2014-10-01 19:06:12

你添加了背景重复属性不重复，并设置最小高度为2000px？ – 2014-10-01 19:07:45

是的。但同样的事情发生图像消失1200像素后，我进一步向下滚动，图像现在出现 – Anbu 2014-10-01 19:19:09

许多方式来实现这一点，但你可以尝试：

body,html{ 
 
background-image: url(../_images/1902974.jpg); 
 
background-size:cover 
 
}

来源

2014-10-01 19:14:10 Cryptopat

问题仍然存在 – Anbu 2014-10-01 19:16:54

你可以给代码，主要是你使用的JPG。也许这个：body，html { positiont：absolute; top：0px; left：0px } – Cryptopat 2014-10-01 19:24:02

我可以给你发电子邮件吗？ – Anbu 2014-10-01 19:43:55

全屏幕背景的简单方法。（BG图像不像这样滚动）。如果您想要滚动，请将fixed设置为scroll。

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

工程在：

的Safari 3+
铬无论+
IE 9+
歌剧院10+（Opera 9.5中支持的背景大小，但不是关键字）
的Firefox 3.6+（火狐4支持非供应商前缀版本）

回答here为主。

来源

2014-10-01 19:21:07 Leto

我曾在网页中使用过一个表格。我将表格的宽度设置为960像素作为内容包装的大小。当我删除表格时，背景图片工作正常。如果我使用了表格，图片会在1200px之后消失 – Anbu 2014-10-01 19:46:12

@Anbu如果这是一个至关重要的细节，那么它应该在您的文章中被提及。应该说明与问题有关的任何具体细节。所有相关的代码都应该发布。 – Leto 2014-10-01 20:24:07

滚动后在Chrome中消失的背景图像

回答

相关问题