粘滞的页脚与透明背景

时间:2014-04-16 22:58:42

标签: html css footer sticky

可以在透明背景下实现没有内容背景(.wrapper)的粘性页脚吗?

我正在使用 - > http://ryanfait.com/sticky-footer/layout.css

1 个答案:

答案 0 :(得分:0)

这很简单的CSS技巧:

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
}

位置:固定实际上告诉滚动时内容不能移动。 当位置固定时,我们需要给出准确的位置,这由底部完成:0。

JSFiddle

然而,内容将在其下方并以透明背景显示。使内容不可见的一种方法是,将内容包装在一个固定位置的包装中,顶部,左侧,右侧:0和底部:“页脚高度”

相关问题