safari - fontawesome 链接在 Safari 的粘页脚中不起作用

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

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

显示：内联块；

效果很好！

Answer 2

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