Safari의 내 끈끈한 바닥 글에서 fontawesome 링크가 작동하지 않습니다.

Question

내 fontawesome 아이콘이있는 내 끈적한 바닥 글은 모든 브라우저에서 완벽하게 표시되지만 Safari에서는 링크가 작동하지 않습니다. 여기

내 코드입니다 :

<style> 

h4 { 
    font-size: 1em; 
    color: #A0A0A0; 
    bottom: 15px; 
    position: relative; 
    letter-spacing: 10px; 
} 

.footer{ 
    position: fixed; 
    left:0px; 
    width: 100%; 
    bottom: 0px; 
    height: 20px; 
    background: #404040; 
    padding-bottom: 25px; 
    opacity:0.95; 
} 

</style> 

...... 

<div class="footer"> 
    <h4> 
    <a href="https://twitter.com/"> 
     <i class="icon-twitter icon-2x"></i> </a> 
    <a href="https://www.facebook.com/"> 
     <i class="icon-facebook icon-2x"></i></a> 
    <a href="http://wordpress.com/"> 
     <i class="icon-rss icon-2x"></i></a> 
    </h4> 
</div> 

이 사파리에서 작동하지 않는 이유 사람이 말해 줄래? 그리고 그것을 고치는 방법?

Answer 1

이 문제에 대해서만 설명 드리겠습니다. 이것은 사파리가 대상에 치수를 지정하지 않아 발생했다고 생각합니다 (예 : 0px x 0px). <i> 요소에서 인라인 블록을 강제 실행하면 올바르게 작동해야합니다.

Answer 2

같은 문제가있었습니다.
내가 아이콘의 클래스에 추가

디스플레이 : 인라인 블록;

괜찮 았어!