CSS를 사용하여 로컬 파일을 배경 이미지로 사용하려면 어떻게해야합니까?

-5

물어보기 전에 CSS 문서와 동일한 폴더에 배경으로 설정하려는 이미지를 넣었습니다.CSS를 사용하여 로컬 파일을 배경 이미지로 사용하려면 어떻게해야합니까?

다음은 HTML입니다 :

<!DOCTYPE html> 
<html> 
    <head> 
     <link type="text/css" rel="stylesheet" href="C:/Users/16jlavarnway/Desktop/blah/JacobLFinalCSS.css"/> 
     <title>Programming with Python</title> 
    </head> 
    <body> 
     <br> 
    </body> 
</html>

그리고 여기

body { 
    background-image:url:("C:/Users/16jlavarnway/Desktop/blah/Background2.png") fixed center; 
}

출처

2014-06-13 Muroxxas

귀하의 구문을 추가해야합니다 서버 경우 잘못된 것입니다. "url"뒤에 콜론이 없습니다. – Palpatim

서버에 있다면 서버 경로를 사용하십시오. – j08691

콜론이 없어도 여전히 deosnt work – Muroxxas

background-image:url:("C:/Users/16jlavarnway/Desktop/blah/Background2.png");

이

background-image: url("file:///C:/Users/16jlavarnway/Desktop/blah/Background2.png");

당신은 URL에 추가 :을 가지고 있었다 변경하여야 할 CSS를합니다. 이제 효과가 있습니다! :) 두 번째로 파일 시스템을 언급하는 것입니다. URI를 만들려면 File:///을 작성해야합니다.

참고 : 이미지가 해당 위치에 있는지 확인하십시오. 자세한 내용은

는 : 귀하의 사이트가 온라인으로 호스팅 한 경우 https://developer.mozilla.org/en-US/docs/Web/CSS/background-image

출처

2014-06-13 15:12:12

이 이미지 경로가

body { 
     background-image:url("Background2.png") fixed center; 
    }

와 동일해야합니다,

body { 
    background-image:url("C:/Users/16jlavarnway/Desktop/blah/Background2.png") fixed center; 
}

게다가 올바른 구문해야한다 HTML을 사용하면 경로를 변경해야합니다.

출처

2014-06-13 15:13:40 sailens

downvote를 설명해 주시겠습니까? – sailens

이유는 동의 downvoted ... 나는 upvoted – Riskbreaker

내 대답은 또한 downvoted ... – Riskbreaker

background-image:url("../Background2.png")

당신은`배경 - image` 위해 (로컬 호스트 경우)을 Inetpub가 배치됩니다 whereever 올바른 자산

출처

2014-06-13 15:14:16 Riskbreaker

왜이 답변을 downvoted 우리는 심지어 그가 그것을 호스팅하는 방법을 몰라 고려? – Riskbreaker

CSS를 사용하여 로컬 파일을 배경 이미지로 사용하려면 어떻게해야합니까?

답변

관련 문제