Chrome背景图片在刷新时留下白色空间

我目前正在构建一个网站，并且在Chrome中显示它时遇到了一些麻烦。Chrome背景图片在刷新时留下白色空间

当站点完全加载时，您滚动到某个点并点击刷新按钮。背景图片上方会出现白色方块，看起来背景图片没有完全加载。

我试图重现这个错误，它有同样的问题。该问题只与谷歌Chrome的出现

这是我的源代码，转载网站：

<html> 
    <head> 
     <style> 
      body { 
       background-image: url(http://www.wallpaperawesome.com/wallpapers-awesome/wallpapers-royalty-free-photos-images-for-commecial-use-awesome/wallpaper-royalty-free-photo-image-awesome-277.jpg) !important ; 
       background-repeat:no-repeat; background-attachment:fixed; 
      } 
     </style> 
    </head> 
    <body> 

-- Just pasted some long text from wikipedia here -- 

    </body> 
</html>

我也发现了同样的问题在网站上同时搜索的问题： http://css-tricks.com/examples/FullPageBackgroundImage/progressive.php

时你滚动到底部并刷新，图像不会100％显示。当你开始滚动时，它立即加载完全。

编辑：缺少重要的事实：看起来这个错误只发生在网站上有一个滚动条，并且你不在其顶部刷新。

来源

2014-09-26 DarthVader

据我所知，这个问题已经从Google修复。

来源

2016-06-14 13:46:17 Hagen

试试这个：

<style> 
     body { 
      background: url(http://www.wallpaperawesome.com/wallpapers-awesome/wallpapers-royalty-free-photos-images-for-commecial-use-awesome/wallpaper-royalty-free-photo-image-awesome-277.jpg) center no-repeat ; 
      background-size: cover; 
      -webkit-background-size: cover; //safari chrome 
      -moz-background-size: cover; // firefox 
      -o-background-size: cover; 
     } 
</style>

来源

2014-09-26 08:12:12 Topr

感谢您的帮助。它似乎背景附件：固定;是问题。由于我的网站的高度非常大，因此css封面会使图片太大。插入附件时：固定问题回来 – DarthVader 2014-09-26 08:26:05

这似乎是关系到浏览器，而不是你的代码中的问题。但是一种解决方法是使用脚本再次加载背景。

<script type="text/javascript"> 
function loadBg() { 
     document.body.style.backgroundImage="url('backgroundImage.jpg')"; 
    } 
</script> 

<body onload="loadBg()">

虽然我不会太在意这个错误。

来源

2014-09-26 08:24:05 Edwin

Chrome背景图片在刷新时留下白色空间

回答

相关问题