배경 이미지가 나타나지 않는 이유는 무엇입니까?

background-image 속성을 사용할 때 내 배경 이미지가 표시되지 않는 이유를 이해할 수 없습니다. 내가 list-style-image 속성 중 하나를 사용하려고 시도하면 표시되지 않습니다. 내가 img 요소에서 사용하면 은이 될 것입니다.하지만 그렇게하고 싶지는 않습니다. 나는 그것이 왜 나타나지 않는지 알 수 없다. 여기 배경 이미지가 나타나지 않는 이유는 무엇입니까?

<ul class="contact"> 
    <li id="phone"><a href="tel:1234567890">(123) 456-7890</a></li> 
    <li id="email"><a href="mailto:[email protected]" target="_blank">[email protected]</a></li> 
    <li id="facebook"><a href="#" target="_blank">Facebook</a></li> 
</ul>

내 CSS입니다 : 여기

내 HTML이다 나는, 당신의 코드를 복사하고 그냥 무작위 이미지 URL을 배치하여 URL이 잘못 상당히 확신

ul.contact { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    line-height: 35px; 
} 

.contact li { 
    background-image: url('img/phone.png'); 
    background-size: 2%; 
    background-repeat: no-repeat; 
    background-position: left; 
}

출처

2014-09-15 Michael

이것은 문제 일 수 있습니다. 부분 URL은 문서와 관련되지 않고 스타일 시트의 원본을 기준으로 해석됩니다. 출처 : http://stackoverflow.com/questions/940451/using-relative-url-in-css-file-what-location-is-it-relative-to – reuelab

정확합니다! 그게 내가 잘못하고있는 일이야! – Michael

I imgur에서 발견하고는

background-image: url('http://i.imgur.com/oSNkApR.jpg');

이 시도하고

를 작동하는지 알려

근무

background-image: url('/img/phone.png');

아니면 ASP를 사용하는 경우, 아마도이

background-image: url('../ContentFolder/img/phone.png');

우리가 당신이가는 방법을 알려 주시기보십시오.

출처

2014-09-15 02:07:46

아, 네가 맞아. 고마워. 나는 내가 지금 잘못한 것을 알고있다. CSS 파일은 자체 폴더에 있으므로'background-image : url ('../ img/phone.png'); ' – Michael

과 같이 링크해야합니다. 문제 없습니다! 당신이이 문제를 알게되어 기쁩니다, 미래의 프로젝트에 행운을 비네! :) –

배경 이미지가 나타나지 않는 이유는 무엇입니까?

답변

관련 문제