问题描述
我想使用Foundation 4使用粘性页脚,并且要使用HTML5 < footer>
标签,而不是< div class ="footer">
.另外,我只是不想更改foundation.css,而不是破坏框架的其他部分.我尝试了 http://tangerineindustries.com/download/sticky_footer/,但是它在Chrome上不起作用和IE10.任何建议如何实现它(仅css还是js)?是否可以仅更改app.css和/或app.js?
I want to have sticky footer using Foundation 4, and I want to use HTML5 <footer>
tag, not <div class="footer">
. Also I just don't want to change the foundation.css, not to break it other parts of the framework. I tried http://tangerineindustries.com/download/sticky_footer/ but it doesn't work on Chrome and IE 10. Any suggestion how to achieve it, either css only or js? Is it possible to do it only changing app.css and/or app.js?
推荐答案
这篇文章解释了我最喜欢的方法,仅使用CSS.适用于所有主要浏览器,包括IE5及更高版本(不过我仅测试到IE8): http://ryanfait.com/resources/footer-stick-to-页面底部/
This post explains my favorite method, using CSS only. Works in all major browsers, including IE5 and up (I only test down to IE8 though):http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
我将它与Foundation 4一起使用.
And I use it together with Foundation 4.
如果您碰巧正在使用Compass,则他们有一个mixin使用相同的方法: http://compass-style.org/reference/compass/layout/sticky_footer/
If you happen to be using Compass, they have a mixin that uses this same method:http://compass-style.org/reference/compass/layout/sticky_footer/
这篇关于Zurb基金会粘页脚的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!