Zurb基金会粘页脚

Zurb基金会粘页脚

本文介绍了Zurb基金会粘页脚的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想使用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基金会粘页脚的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-23 03:21