Question

如何在Liferay中创建粘性页脚？我已经阅读了很多文档，但所有文档都没有用。

我在custom.css

中有这个

#footer {
     background-color: black;
     color: white; 
     font-size: 200%; 
     text-align: center; 
     line-height: 3em; 
     clear: both;
     position: relative; 
     z-index: 10; 
     height: 3em;
     margin-top: -3em;
}

，这在portal_normal.vm：

中

<div id="footer">Powered by German</div>

在前面提到的问题中，我问过如何创建页脚并更改颜色。然后，在评论中，我问如何创建粘性页脚并没有得到好答案，所以我创建了另一个帖子。

Answer 1

好的，我解决了我的问题！

首先，您应该看一下这一行：<div class="container-fluid" id="wrapper">中的portlet_normal.vm：

我们的页脚进入这个类别，这样每次都不会在浏览器页面的最后但是在这个块的末尾。因此，您需要关闭该块并将页脚放在下面：

<div id="footer" class="row-fluid">
    <div class="span12 text-center">
        <p class="powered-by">
            #language ("Powered by Alexandr Boldyrev")
        </p>
    </div>
</div>

然后，您应该更改custom.css中的页脚参数：

#footer {
     text-align: center;
     background: #FFEFD5;
     position: absolute;
     bottom: 0;
}

就是这样，我们的页脚变得粘稠！

Liferay 6.2中的粘性页脚

1 个答案: