CSS 再来说说置于底部的footer

早在去年我们就研究过了关于footer如何写的话题:CSS 对底部应该做的处理

在这次做Microblog的时候,由于背景是通过body实现的,如果html,body设定了100%,背景就不能完全覆盖了,为此纠结了好久,不过最后还是solved了,但我觉得想到的固定footer,可以变化参照物来实现,既然body/container都不行,那参照物变成html嘛,于是给了html一个position,footer使用absolute定位到底部,get.

当然,最后的标准实现还是同那篇文章,不同的地方在于:

body {
    background: url(../img/background.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    font-family: "Helvetica Neue", Helvetica, Arial, 'Microsoft Yahei', sans-serif;
}

我们这里通过background-attachment来固定背景=w=这样就不会受到body height始终100%的限制啦~

植入部分

如果您觉得文章不错,可以通过赞助支持我。

如果您不希望打赏,也可以通过关闭广告屏蔽插件的形式帮助网站运作。

标签: 知识, 语法

添加新评论