이미지가 바닥 글에 표시되지 않습니다

Question

2 개의 소셜 미디어 이미지를 내 바닥 글에 추가하고 있습니다. 그들은 내 이미지 맵에 포함되어 있으며 오른쪽 등이 포함되어 있지만 왜 나타나지 않는지 알 수는 없습니까?

너무 많이 시도했지만 실제로 해결할 수 없습니다. 내 웹 사이트에 고정되어있는 내 바닥 글과 관련이 있습니까? 난 정말 모르겠어요 ..

코드 :

<div id="footer"> 
    <div id="social"> 
     <p>test</p> 
     <div class="facebook"><a href="" title="Facebook Page"></a></div> 
     <div class="twitter"><a href="" title="Twitter"></a></div> 
    </div> 
    <p>Copyright © 2013 . All rights reserved.</p> 
</div> 

CSS :

#social { 
    text-align: center; 
} 
.facebook a { 
    height: 33px; 
    width: 33px; 
    background-image: url('images/facebook.png'); 
    background-repeat: no-repeat; 
} 
.facebook a:hover { 
    background-image: url('images/facebookhover.png'); 
    background-repeat: no-repeat; 
} 
.twitter a { 
    height: 33px; 
    width: 33px; 
    background-image: url('images/twitter.png'); 
    background-repeat: no-repeat; 
} 
.twitter a:hover { 
    background-image: url('images/twitterhover.png'); 
    background-repeat: no-repeat; 
} 
/* Footer */ 
#footer { 
    padding: 5px; 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    margin: 0; 
    background: #333; 
    color: #FFF; 
} 
#footer p { 
    text-align: center; 
    margin: 0; 
} 
#footer a { 
    color: #fff; 
} 

여기 jsfiddle에 대한 예제가있다 : 당신의 url 경로 http://jsfiddle.net/mwx5q/

Answer 1

사용 display block.facebook a의 스타일과 .twitter a

가 확인하시기 바랍니다, 당신의 jsFiddle 파일을 업데이트 한, 당신은 당신의 디자인에 따라, CSS를 변경할 수 있습니다.

http://jsfiddle.net/mwx5q/3/

Answer 2

아마 문제.

어쩌면 ../images/twitter.png 및 ../images/twitterhover.png

이 하나 개의 폴더를 백업합니다 시도합니다. CSS가 자신의 폴더에 있으면 루트로 백업 한 다음 images으로 이동해야합니다.

희망이 도움이됩니다.