Css 固定头消失

我有两个固定的标题，命名为divs，一个在另一个下面。第二个消失了。在下面的CSS中有什么东西可以解释它的消失吗

#LayoutDiv1 {
    position: fixed;
    height: 75px;
    top: 0;
    width: 100%;
    z-index: 10001;
    background:#FFF
}

#LayoutDiv3 {
    position: fixed;
    height: 30px;
    top: 0;
    width: 100%;
    z-index: 10000;
    background:#FFF
}

HTML：

<div class="gridContainer clearfix">
<div id="LayoutDiv1">Hi</div>
<form action="website.php" method="POST">
<div id="LayoutDiv3">
    Name:
    <input type="text" name="user"/>
    Gender<FONT COLOR="#FF0000">*</FONT>
    <select name="Gender[]" double="double">
        <option value="Female">Female</option>
        <option value="Male">Male</option>
    </select>
</div>

你好
姓名：
性别*
女的
男性的

如果希望

#LayoutDiv3

垂直位于

#LayoutDiv1

下方，则需要将

#LayoutDiv3

的

top

属性设置为75px。如果您希望它以更高的深度显示，例如朝向查看屏幕的用户，则需要将其设置为比另一个div更高的

z-index

现在，它实际上出现在

#LayoutDiv1

下面，因为它们彼此堆叠在一起，并且

#LayoutDiv1

的z索引更高。

如果您希望

#LayoutDiv3

垂直低于

#LayoutDiv1

，则需要将

#LayoutDiv3

的

属性设置为75px。如果您希望它以更高的深度显示，例如朝向查看屏幕的用户，则需要将其设置为比另一个div更高的
z-index

现在它实际上出现在
#LayoutDiv1
的下面，因为它们彼此堆叠在一起，并且
#LayoutDiv1
的z索引更高。
您将第二个固定标题设置为
高度：30px
和
z索引：10000
，这将使其隐藏在第一个标题后面

如果需要在第一个标题上方显示第二个标题，请使用
z-index:10002

如果需要在第一个下方显示，则将顶部设置为至少第一个的高度，即
top:75px

编辑

因为你需要一个接一个的div，这应该是你最后的方法

#LayoutDiv1 {
    position: fixed;
    height: 75px;
    top: 0;
    width: 100%;
    z-index: 10001;
    background:#FFF
}

#LayoutDiv3 {
    position: fixed;
    height: 30px;
    top: 75px;
    width: 100%;
    z-index: 10001;
    background:#FFF
}

您已将第二个固定标题设置为
height:30px
和
z-index:10000
，这将使其隐藏在第一个标题后面

如果需要在第一个标题上方显示第二个标题，请使用
z-index:10002

如果需要在第一个下方显示，则将顶部设置为至少第一个的高度，即
top:75px

编辑

因为你需要一个接一个的div，这应该是你最后的方法

#LayoutDiv1 {
    position: fixed;
    height: 75px;
    top: 0;
    width: 100%;
    z-index: 10001;
    background:#FFF
}

#LayoutDiv3 {
    position: fixed;
    height: 30px;
    top: 75px;
    width: 100%;
    z-index: 10001;
    background:#FFF
}

您的
标题
元素就在那里

选中此项

要解决这种情况，只需更改#LayoutDiv3的CSS规则，如下所示：

#LayoutDiv3 {
   background: red;
   z-index: 10001;
}

并将#LayoutDiv1的
z-index
属性更改为“10000”。
您的
标题
元素就在那里

选中此项

要解决这种情况，只需更改#LayoutDiv3的CSS规则，如下所示：

#LayoutDiv3 {
   background: red;
   z-index: 10001;
}

并将#LayoutDiv1的
z-index
属性更改为“10000”。
尝试添加：

#LayoutDiv1 {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

尝试添加：

#LayoutDiv1 {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

你介意同时提供HTML吗？谢谢。你介意同时提供HTML吗？谢谢