Question

我计划改进我的博客布局，这次我打算使用position: fixed页眉和页脚，两者都是~40px高。标题将包含徽标和搜索按钮，页脚将包含许多项目，如订阅按钮，相关帖子，跳转到顶部/评论/底部按钮等等（列表尚未最终确定）。

在我跳到这里之前，我想知道是否有人可以告诉我它是否是一个好主意。如果你能指出最好的做法和陷阱，我也很感激。页脚将包含相关帖子和其他一些功能的Facebook聊天风格弹出窗口，所以我也想知道它是否适用于此布局。还会有广告，这让我感到担心，如果它可能有一个标题放在广告（特别是Flash广告）之上。我们将非常感谢您对样本布局的链接。

Answer 1

这是否是一个好主意取决于你 - 毕竟你是设计师。您需要注意的唯一问题是所有内容都将可见，页眉和页脚不会阻碍任何内容。你可以通过设置填充到与页眉和页脚高度相对应的body元素来轻松防止这种情况：

body {
    padding: 40px 0 50px 0;
}

#header {
    position: fixed;
    top: 0;
    height: 40px;
}

#footer {
    position: fixed;
    bottom: 0;
    height: 50px;
}

关于在flash内容上显示元素;您的Flash元素必须将wmode参数设置为opaque：

<param name="wmode" value="opaque" />

修复了页眉和页脚的问题和建议

1 个答案: