2014-04-17 3 views
0

안녕하세요, css를 사용하여 내 시스템에서 이미지를로드하려고하는데 localhost가 "요청한 리소스()를 사용할 수 없습니다."라고 말합니다. 다른 사이트의 이미지 링크를 사용하면 작동합니다.이미지가 CSS를 사용하여 시스템에서로드되지 않습니다

HTML : :

<div id="trans"> 
Some text 
</div> 

CSS : 내 시스템에서

#trans { 
    width: 180px; 
    height: 180px; 
    display: block; 
    position: relative; 
    border: 1px solid #000; 
    margin: 20px auto; 
    padding: 10px; 
     } 

#trans:after { 
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/owl1.jpg);/*If i am using local host path image is not loading*/ 
    opacity: 0.25; 
    width: 200px; 
    height: 200px; 
    top: 0; 
    left: 0; 
    position: absolute; 
    z-index: -1; 
    content: ""; 
    } 

이미지 경로 : C

내 코드입니다 (I는 CSS 폴더에서 CSS를 사용하고 있습니다) : \ Users \ some \ Documents \ NetBeansProjects \ someone \ web \ images \ trans.jpg

+0

사용하려는 로컬 호스트 경로 란 무엇입니까? –

답변

3

이미지 경로는 로컬 호스트 또는 현재 방문중인 페이지를 기준으로해야합니다. 나는 그것이 url(/images/trans.jpg) 또는 url(../images/trans.jpg)과 같을 것이라고 추측합니다. 웹 브라우저는 파일 시스템에 직접 액세스 할 수 없습니다.

+0

url (../ images/trans.jpg)이 나를 위해 일하고 있습니다 –

+0

귀하의 CSS는 그것을 실행하는 색인 ​​위에있는 폴더에 저장됩니다. 그래서 당신은'dir '을 필요로하는 이유 때문에'dir '에 백업해야한다. 전체 URI는 정상적으로 작동하지만 콘텐츠가 SSL 인 경우에는 정상적으로 작동합니다. – WASasquatch

+0

프로토콜없는 URI를 사용할 수 있습니다. 파일을 호스팅하는 서버가 https를 지원한다면'// domain.com/full-path.jpg'를 사용하여 보안/비보안 충돌을 피할 수 있습니다. 자세한 내용은 [이 SO 질문] (http://stackoverflow.com/questions/12069156/protocol-less-urls)을 참조하십시오. (질문은 끝났지 만 그 정보는 유용합니다.) – aaronburrows