no-repeat로 설정된 배경 이미지는 서버에서 반복됩니다.

Question

나는 중심에 있고 반복되지 않는 이미지가되기 위해 html의 배경이 필요합니다.

img가 더 작은 경우 - 줄이 길어야하며 반대의 경우도 마찬가지입니다. 따라서 전체 이미지를 볼 수 있어야합니다.

아시다시피 이미지 품질이 손상 될 수는 있지만 중요하지 않습니다.

내가 시도 :

html{ 
    background:url(img/back04.jpg); 
    background-repeat:no-repeat; // is ok on localhost, but on server - repeating appears !? 
    background-size:cover; //also tried 
    background-size:contain; //also tried 
} 

PLS, 올바른 방법은 무엇입니까?

Answer 1

나는 다음 시도 할 것입니다 : firefoks에`F5`을 누르면,

body { 
    background: url(img/back04.jpg); 
    background-repeat: no-repeat; 
    background-position: top center; 
    background-size: auto; 
} 

*이 요스트

Answer 2

먼저 서버 복사본이 로컬 복사본과 일치하는지 확인하십시오.

둘째, 캐시를 지 웁니다. 서버의 CSS 파일이 캐시되고 이전 버전을 사용하고있을 가능성이 있습니다.

셋째, 동일한 브라우저 (및 버전)를 사용하여 로컬 및 서버 버전을 모두 테스트하고 있습니까? CSS는 항상 클라이언트 측으로 렌더링되므로 CSS 파일이 일치하고 동일한 브라우저를 사용하는 경우 두 버전간에 불일치가 없어야합니다.