2014-04-03 3 views
0

이미지를 DIV에 배치하고 싶지만 이미지는 미학을위한 것이지 내용이 아니므로 HTML을 배치하는 대신 DIV의 배경 이미지로 배치하고 싶지만 시도하고 할 때 이거 보이지 않는거야?내 배경 CSS 이미지가 DIV에 나타나지 않는 이유는 무엇입니까?

내 HTML 코드 :

<div id="largec"> 

</div> 

내 CSS 코드 :

#largec { 
    background-image:url(large-circle.png); 
    background-size:80px 60px; 
    background-repeat:no-repeat; 

} 

내가 코드에 아주 새로운 오전 염두에 베어주세요!

감사합니다.

+0

이미지는 CSS와 관련되어 어디에 있습니까? 'background-image : url (http://www.placehold.it/80/60);과 같은 무작위 이미지에 링크하면 제대로 작동합니까? –

답변

5

div에 내용이없는 경우 높이가 표시되지 않습니다. 배경 이미지의에 min-height을 설정해보십시오

#largec { 
    min-height: 500px; 
} 
+0

대단히 감사합니다! – bec

-1

1)과 같이 ","사이의 파일의 이름을 넣어보십시오 :

#largec { 
    background-image:url("large-circle.png"); 
    background-size:80px 60px; 
    background-repeat:no-repeat; 

} 

2) 이미지에 있는지 확인 CSS 코드와 같은 폴더.

3) 실패한 링크를 방지하기 위해 파일 이름에 "일반"문자, 숫자 및 밑줄 만 사용하는 것이 좋습니다.

관련 문제