在Safari中,我的粘性页脚中没有链接

在Safari中,我的粘性页脚中没有链接,safari,sticky-footer,font-awesome,Safari,Sticky Footer,Font Awesome,我的带有fontawesome图标的粘性页脚在所有浏览器中都能完美显示,但在Safari中,链接不起作用 这是我的密码: <style> h4 { font-size: 1em; color: #A0A0A0; bottom: 15px; position: relative; letter-spacing: 10px; } .footer{ position: fixed; left:0px; width

我的带有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>

h4{
字号:1em;
颜色:#A0;
底部:15px;
位置:相对位置;
字母间距:10px;
}
.页脚{
位置:固定;
左:0px;
宽度:100%;
底部:0px;
高度:20px;
背景:404040;
垫底:25px;
不透明度:0.95;
}
......

有人能告诉我为什么这在safari中不起作用吗?如何修复它

我刚开始研究这个问题。我相信这是因为safari没有给目标任何尺寸(即0px x 0px)。如果您在
元素上强制使用内联块,它应该可以正常工作。

我刚刚开始讨论这个问题。我相信这是因为safari没有给目标任何尺寸(即0px x 0px)。如果您在
元素上强制内联块,它应该能够正常工作。

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

显示:内联块

而且效果很好

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

显示:内联块

而且效果很好