滑动页面时,背景图像在Chrome中消失

时间:2013-10-03 21:29:12

标签: jquery css google-chrome background-image

我正在为我的网页使用幕布效果。我的大多数页面都有固定的背景图像,文本(div)将在背景图像上滑动。我使用下面的代码作为背景。它在Firefox和IE中运行良好,但在Chrome中,一旦我向下滑动,背景图像就会消失。

  html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}    

如果我从上面的代码块中删除“已修复”,则会出现背景图像。但是我正在失去这种效果,即:背景图像也随着文本移动。 我需要与此链接类似的效果:FullPageBackgroundImage

上面的链接有一个页面,它工作正常,但在我的情况下,我有5页有窗帘效果。(参见此示例:Curtain Effect

有人可以建议在Chrome中使用固定背景图片和滑动文字的其他可能性。

0 个答案:

没有答案