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>

有谁能告诉我为什么这在safari中不起作用？以及如何解决它？

Answer 1

我刚刚解决了这个问题。我相信这是由safari给目标没有尺寸（即0px x 0px）引起的。如果在<i>元素上强制使用内联块，它应该可以正常工作。

Answer 2

有同样的问题。
我添加到图标的类

显示：内联块;

它工作正常！

fontawesome链接在Safari的粘性页脚中无效

2 个答案: