내 배경 이미지가 전혀 표시되지 않는 이유는 무엇입니까?

이 질문과 유사한 모든 질문에 대한 답변을 찾았지만 아무 것도 작동하지 않는 것 같습니다. 기본적으로 나는 주 사이트에서 작동하지 않았던 배경 이미지 기능을 테스트하기 위해 테스트 문서를 만들었습니다.내 배경 이미지가 전혀 표시되지 않는 이유는 무엇입니까?

HTML :

<!DOCTYPE html> 
<html> 
<head> 
    <link href="styles.css" text="type/css" rel="stylesheet"> 
    <title>Test</title> 
</head> 
<body> 
    This is a test. 
</body> 
</html>

CSS : ". 이것은 테스트입니다"

body { 
background-image: url(image.jpg) no-repeat; 
}

아무것도에서 떨어져 보여줍니다 이미지가 styles.css 시트와 같은 위치에 있는지 확인했습니다. 누구든지 제발 도와 주실 래요?

출처

2017-02-09 Anonymous

체 { \t 배경 이미지 : URL ("이미지. jpg ") no-repeat; \t 신장 : 500px; \t 너비 : 500px; } 나는 이것을했고 아무것도 바뀌지 않았다. –

'background' 단축 약식 값을'shortground-image' 속성과 함께 사용하고 있습니다. 'background-image'는 하나의 값, 즉 이미지를 취합니다. – j08691

참고로, 기본적인 것입니다. http://www.w3schools.com/cssref/pr_background-image.asp && http://www.w3schools.com/cssref/pr_background-image.asp –

백그라운드 이미지에서 배경 반복을 결합 할 수 없습니다.

body { 
    background-image: url("image.jpg"); 
    background-repeat: no-repeat; 
}

출처

2017-02-09 21:15:20 surfthecity

감사합니다! 마지막으로, 심각하게 나를 괴롭 히고 있습니다. –

사용 배경 background 대신 background-image 당신이 사용하는 경우 body 태그에 부착 할 수 W3 http://www.w3schools.com/cssref/pr_background-image.asp 배경 이미지 속성 에 따르면 등

body { background: url(image.jpg) no-repeat; }

출처

2017-02-09 21:17:06

아니오 - 반복합니다.

유일한 이유는 당신이 잘못된 장소에는 반복없습니다 표시되지 않습니다 - 그것은 배경 자체의 재산이 아닌 배경 이미지입니다. 를 제공하는 것이 중요하다

body { background-image: url("image.jpg"); background-repeat: no-repeat; }

출처

2017-02-09 21:21:55 lut

이미지 URL : 내가 해결할 희망 그래서 여기

당신이 실제로 이미지가 반복보고 싶지 않아 당신이 케이스를 사용해야하는 코드입니다 이. 출력 폴더 "./image.jpg"

2 : 자기 폴더

-1- "../image.jpg"

3- 또는 루트 상대 경로 (예 asp.net) '~/이미지/image.jpg를 "

4- 또는 상대 경로"../pictures/image.jpg "

body 
{ 
    background-image: url(./image.jpg); 
    background-repeat: no-repeat; 
}

출처

2017-02-09 21:58:19

내 배경 이미지가 전혀 표시되지 않는 이유는 무엇입니까?

답변

관련 문제