html -로드가 느린 배경 이미지

크기가 ~ 300kb 인 배경 이미지가 있습니다.html -로드가 느린 배경 이미지

몇 분 후에도 내 웹 페이지에로드되지 않습니다. 이것은 배경 이미지를 사용하는 코드입니다. 내 웹 페이지와 같은 수준입니다.

여기 뭔가 잘못 되었나요? 아니면 이미지가 너무 큽니다 ..? 감사합니다. .

body { 
background-color: #D2C7AC; 
background-image:url('background.jpg'); 
background-size: cover; 
background-repeat: no-repeat; 
}

나는 문제가 해결 된 것 같아. 도움을 주셔서 감사합니다 :)

출처

2012-04-30 Meowbits

링크를 게시하면 – ShibinRagh

링크를 추가 할 수 있습니다. – Meowbits

어떤 브라우저가요? – breezy

이미지 URL은 따옴표로되어 있어야합니다.

background-image:url('background.jpg');

당신은 (그것은 404를 반환하지 않도록) 이미지가 제대로뿐만 아니라 발견되고 있는지 확인하기 위해 개발자 도구에서 네트워크 탭을 확인할 수 있습니다.

출처

2012-04-30 16:18:16 Bill

업데이트 됨, 문제가 계속 발생합니다. – Meowbits

이미지 요청 여부를 확인 했습니까? 개발자 도구를 열고 Network 탭으로 이동하면'GET background.jpg'와 비슷한 내용을 볼 수 있으며 200 또는 304 상태 여야합니다. 404 상태 인 경우 이미지를 표시 할 수 없습니다. 발견 (나쁜 URL). 200 또는 304이면 HTML 또는 CSS에 이미지가 표시되지 않도록하는 다른 것이 있습니다. – Bill

게시 한 링크에서 이미지가 올바르게 표시되는 것을 볼 수 있습니다.로드하는 속도가 매우 느립니다. 300kb를 다운로드하는 데 오랜 시간이 걸리지 않아야합니다. 뭔가 다른 점이 있습니다 ... – Bill

당신은 조사 피들러를 사용하여 시도 할 수 있습니다 :

http://fiddler2.com/fiddler2/

그것은 당신이 배경에서 일어나는 정확하게 볼 도움이 될 것입니다.

출처

2012-04-30 16:20:31 Shenaniganz

html -로드가 느린 배경 이미지

답변

관련 문제