CSS 再来说说置于底部的footer
早在去年我们就研究过了关于footer如何写的话题:CSS 对底部应该做的处理
在这次做Microblog的时候,由于背景是通过body实现的,如果html,body设定了100%,背景就不能完全覆盖了,为此纠结了好久,不过最后还是solved了,但我觉得想到的固定footer,可以变化参照物来实现,既然body/container都不行,那参照物变成html嘛,于是给了html一个position,footer使用absolute定位到底部,get.
当然,最后的标准实现还是同那篇文章,不同的地方在于:
1body {
2 background: url(../img/background.jpg) no-repeat;
3 background-size: cover;
4 background-attachment: fixed;
5 font-family: "Helvetica Neue", Helvetica, Arial, 'Microsoft Yahei', sans-serif;
6}
7
我们这里通过background-attachment来固定背景=w=这样就不会受到body height始终100%的限制啦~
评论 (0)