在Safari中,我的粘性页脚中没有链接
我的带有fontawesome图标的粘性页脚在所有浏览器中都能完美显示,但在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
<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)。如果您在
元素上强制内联块,它应该能够正常工作。也有同样的问题。
我添加到图标的类中 显示:内联块 而且效果很好 也有同样的问题。
我添加到图标的类中 显示:内联块 而且效果很好