创建固定标头

时间:2012-10-20 07:22:31

标签: html css html5 css3 header

我正在尝试根据THIS DESIGN创建一个网站。 它的教程可以找到HERE

我想创建一个固定的标头,如果用户已经登录,它将包含用户名和密码文本InputBoxes或用户名。 我尝试使用以下CSS通常的方式。

    position: fixed;
    width: 100%;
    top: 0;

但不知何故,标题根本不显示。 如果我在上面的设计中滚动了多少分区,我如何有一个固定的标题并保留在那里?

1 个答案:

答案 0 :(得分:2)

以下是您可以这样做的方法:

  1. 设置固定标题的高度或用内容填充它,使其不为空
  2. 设置高 z-index ,使其不会被#st-container重叠
  3. CSS:

    height: 50px
    z-index: 999
    

    这是 jsfiddle http://jsfiddle.net/ncQGc/