我的 head 元素下有一个用作标题的图像,但其余内容不会在下面流动。这是我的标题 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;
}
我不确定是否必须向页眉或正文添加任何样式,以便当用户在网页上上下移动时正文的内容在页眉下方滚动,因为内容在页眉上方滚动。
最佳答案
首先,为什么要将图像放入 head-element 中?这有可能吗,我不这么认为,你们男人吗<header>
?
z-index 属性定义了哪些元素相互重叠/重叠,z-index 越高,元素越位于层次结构的顶部。
刚刚设置
#header {
left:0px;
width:100%;
top:0px;
position:fixed;
z-index: 999;
}
它会在最上面。
更多关于z-index的信息请查看MDN
关于javascript - 如何让我的 html 内容滚动到标题元素下方?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23853494/