동일한 이미지가 세 번 사용되지만 CSS를 통해 2 번만 나타납니다

내 문제에 대한 통찰력을 주셔서 감사합니다. 자리 표시 자용으로 동일한 이미지를 사용하려고하는데 세 번이나 필요하지만 CSS를 통해 링크하면 올바르게 두 번 나타납니다. 왜 세 번 표시되지 않을지 전혀 알 수 없습니다. 여기 동일한 이미지가 세 번 사용되지만 CSS를 통해 2 번만 나타납니다

는 HTML 싹둑입니다 :

<div class="container"> 
     <div class="row"> 
      <div class="span4"> 
       <h5>Get in Touch?</h5> 
       <h3><a href="#facebook" class="footer_facebook">Add Me</a></h3> 
      </div> 

      <div class="span4"> 
       <h5>Hire for a Project?</h5> 
       <h3><a href="#gmail" class="footer_mail">E-Mail Me</a></h3> 
      </div> 

      <div class="span4"> 
       <h5>Need Information?</h5> 
       <h3><a href="#skype" class="footer_skype">Skype Me</a></h3> 
      </div> 
     </div> 
    </div>

그리고 여기에 CSS 싹둑입니다 :

a.footer_facebook { 
background: url(../img/icon_email.png) no-repeat scroll center bottom transparent; 
} 
a.footer_mail { 
background: url(../img/icon_email.png) no-repeat scroll center bottom transparent; 
} 
a.footer_skype { 
background: url(../img/icon_email.png) no-repeat scroll center bottom transparent; 
}

당신이 볼 수 있듯이. 같은 이미지가 사용되고 있습니다. 그것은 작동하고 메일 및 스카 이프 부분에 대한 괜찮아요 나타납니다하지만 페이스 북 부분에 표시되지 않습니다 그리고 나는 이유를 모르겠다. HTML 코드 클래스를 'footer_facebook'에서 'footer_mail/skype'로 변경하면 아이콘이 나타납니다. 이 코드는 나에게 순서대로 나타나고 오류없이 HTML을 확인했습니다. 감사.

출처

2014-08-29 Roschmann Godinho

문제가되는 요소를 브라우저의 개발자 도구로 검사 할 때 무엇이 보입니까? 나는 당신이 당신의 코드 스 니펫에서 제공하지 않은 다른 CSS 규칙들이 여기에 있다고 생각한다. –

이것은 귀하의 바이올린입니다 : http://jsfiddle.net/6fjr7dkm/ 괜찮아 보이는가 문제는 게시 된 코드 밖입니다. – Moshtaf

@Andre Dion : 로고를 표시해야하는 곳을 클릭하면 오른쪽의 스타일 탭에 아무 것도 나타나지 않아 그 영역에 연결된 배경 이미지가 있음을 나타냅니다. 그러나 스카이프와 이메일을 위해 다른 두 영역을 클릭하면, 배경이 있고 URL이 올바른 로고를 가리키고 있다고하는 속성이 나타납니다. OP에 이미지를 업로드합니다. 편집 : 이미지를 업로드하는 데 4 명의 담당자가 짧습니다. 답장을 보내 주셔서 감사합니다. Moshtaf는 여기에 게시하기 전에 시도해 보았습니다.이 파일이 내 파일에서 작동하지 않는 이유는 훌륭하지만 우둔한 것입니다. 잠시 그저 여기에 갇혔다. –

절대 신경 쓰지 마세요. 나는 그 비트들을 지우고 그것을 다시 썼다. 어떻게 든 그것은 작동했다. 어쨌든 고마워!

출처

2014-08-29 11:58:19

동일한 이미지가 세 번 사용되지만 CSS를 통해 2 번만 나타납니다

답변

관련 문제