如何在我的标题元素下面滚动我的html内容?

时间:2014-05-25 08:40:52

标签: javascript jquery html css

我有一个图像被用作头部元素下的标题,但其余内容不会在下面流动。这是标题的CSS,

#header {
  left:0px;
  width:100%;
  top:0px;
  position:fixed;
}

标题的html代码

<head>
<title>MyWebPage</title>
<img src="../../Pictures/header.jpg" id="header" />
...

这是html的其余部分的基本CSS,

#main {
  background-color:rgb(0,0,0);
  margin-top:25px;
}

我不确定是否必须在标题或正文中添加任何样式,以便当用户在网页上下移动时,主体的内容在标题下方滚动,因为内容在标题上方滚动。

1 个答案:

答案 0 :(得分:1)

首先为什么要将图像放入头元素?这是不可能的,我不这么认为,你是男人<header>吗?

z-index属性定义了哪个元素相互重叠/重叠,z-index越高,元素在层次结构的顶部就越多。

只需设置

#header {
left:0px;
width:100%;
top:0px;
position:fixed;
z-index: 999;
}

它将在顶部。

有关z-index检查MDN

的更多信息