CSS - 배경 이미지가 내 컴퓨터에 표시되지만 호스팅 된 버전의 내 사이트에는 표시되지 않습니다 ... 이유가 무엇입니까?

Question

내 포트폴리오 사이트에는 배경 이미지 용 GIF가 있습니다. 몇 주 동안 괜찮 았지만 지금은 작동이 멈췄습니다. 나는 다른 GIF를 넣으려고했다. 내 로컬 시스템에서는 정상적으로 보이지만 내 호스트로 푸시되면 더 이상 작동하지 않습니다. 내 컴퓨터에 표시되는 문제는 무엇인지 모르지만 호스팅 할 때는 문제가 아닙니다.

When it's working properly on my machine - see the triangles?

When it's not working on the actual website

이 사이트는 http://www.KimberlyScarabello.com에서 호스팅됩니다.

다른 변경 사항이 잘 나타나기 때문에 나는 파일을 올바르게 업데이트하고 있다고 확신합니다. 이것이 제가 사용하고있는 CSS입니다. 나는 이미 로컬 컴퓨터에 gif를 저장하고 url에 파일 경로를 넣으려고 시도했지만 작동하지 않습니다 (내 컴퓨터에서도 작동 함).

#wrapper > .bg { 
     position: absolute; 
     top: 0; 
     left: 0; 
     width: 100%; 
     height: 100%; 
     background-color: #212931; 
     background-image: url('https://media.giphy.com/media/xTg8BbPcaAP43oVyeY/giphy.gif'), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); 
     background-size: cover,        auto,              100% auto; 
     background-position: center,        center,              top center; 
     background-repeat: repeat,        no-repeat,             no-repeat; 
     background-attachment: scroll,        scroll,              scroll; 
     z-index: -1; 
     filter: brightness(10%) 
    } 

Answer 1

저에게 도움이됩니다.

캐시에 의해 발생할 가능성이 큽니다. 이와 같은 문제가 발생할 때마다 ctr + f5 (cmd + shift + r은 내가 생각하는 Mac의 경우?)를 사용하여 사이트를 다시로드하십시오. 그것이 당신을 위해 작동하지 않는 경우 알려주십시오.