2013-07-29 17 views
1

我的fontawesome圖標粘滯頁腳在所有瀏覽器中完美顯示,但在Safari中,鏈接不工作。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> 

誰能告訴我爲什麼,這並不在Safari工作?以及如何解決它?

回答

2

我剛入這個問題。我相信這是由safari給目標沒有尺寸(即0px x 0px)造成的。如果你在<i>元素上強制內聯塊,它應該正常工作。

2

有同樣的問題。
我添加到圖標的類

顯示:內聯塊;

它工作的很好!