클래스의 CSS 배경 이미지 표시

파일을 만들 때 기본 사이트 관리자의 CSS가있는 VS 프로젝트의 "스타일"디렉토리 아래에 파일을 넣습니다.클래스의 CSS 배경 이미지 표시

body{ 
    background-image: url('..\Styles\Header.jpg'); 
    }

외부 CSS를 사용하여 이미지를 배경에 올바르게 표시하려면 어떻게해야합니까? 이 코드에 의해 PIN이 수 forlder 이미지가 스타일에 저장되어있는 경우

출처

2014-02-24 user3247075

당신의 CSS에서 이것을 시도

body{ 
    background-image: url('~/Styles/Header.jpg'); 
}

또는

body{ 
     background-image: url('../Styles/Header.jpg'); 
    }

출처

2014-02-24 04:51:02

첫 번째 선택은 근무 나를. 열심히 시도한 연구에도 불구하고 여전히 이상한 이유로이 모든 코드가 모든 사람에게 완벽하게 작동하는 것은 아닙니다. 나는 아직도 확실하지 않다. : 어쨌든 모두에게 감사합니다! – user3247075

그것은 나를

을 위해 작동이 시도

background-image: url(..\Styles\Header.jpg);

don ' 괄호 안에 작은 따옴표를 사용하십시오.

출처

2014-02-24 04:53:15 Amit

아 미트, 단일 "따옴표"를 사용하지 않는 이유를 설명해주십시오. –

@KheemaPandey 잘 모르겠지만 같은 문제에 직면하고 작은 따옴표를 제거한 후 해결했습니다. 모든 브라우저. – Amit

HTML

<html> 
<head> 

<title> Your page Name </title> 
<link rel="stylesheet" type="text/css" href="yourcssresourcefile"> 
</head> 

<body> 
</body> 

</html>

CSS

body{ 
    background-image: url('http://static3.businessinsider.com/image/52a0bbfd6bb3f7961363819e/the-most-amazing-satellite-images-of-the-year.jpg'); 
    }

Fiddle

Result

출처

2014-02-24 05:01:01

그것을 할 수있는 두 가지 방법이있다;

당신이 relative path과 리소스 (이미지)에 액세스하려고 :

body{ 
     background-image: url('../Styles/Header.jpg'); 
    }

당신이 absolute path 당신은 (이미지) 자원에 액세스하려고 :

body{ 
    background-image: url('~/Styles/Header.jpg'); 
}

출처

2014-02-24 05:16:16

클래스의 CSS 배경 이미지 표시

답변

관련 문제