크롬 배경 이미지가 새로 고침시 공백을 남깁니다.

현재 웹 사이트를 구축 중이며 Chrome에 표시하는 동안 문제가 있습니다.크롬 배경 이미지가 새로 고침시 공백을 남깁니다.

사이트가 완전히로드되면 일부 지점으로 스크롤하고 새로 고침 버튼을 누릅니다. 배경 이미지 위에 흰색 사각형이있을 것입니다. 배경에있는 그림이 완전히로드되지 않은 것처럼 보입니다.

이 오류를 재현하려고 시도했는데 동일한 문제가 있습니다. 문제는 구글 크롬과 함께 제공

이 내 소스 코드 재생 사이트 : http://css-tricks.com/examples/FullPageBackgroundImage/progressive.php

: 문제를 검색하는 동안 나는 또한 웹 사이트에서 같은 문제가 발견

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

아래로 스크롤하여 새로 고침하면 이미지가 100 % 표시되지 않습니다. 스크롤을 시작하면 즉시로드됩니다.

EDIT : 중요 사실 누락 :이 오류는 사이트에 스크롤 막대가있는 경우에만 발생하며 상단에 새로 고침되지 않습니다.

출처

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

이 브라우저가 아닌 코드에 관련된 문제처럼 보인다. 그러나 해결 방법은 배경을 스크립트로 다시로드하는 것입니다.

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

<body onload="loadBg()">

나는이 오류에 너무 신경 쓰지 않을 것이다.

출처

2014-09-26 08:24:05 Edwin

크롬 배경 이미지가 새로 고침시 공백을 남깁니다.

답변

관련 문제