css - 固定标题消失

我有两个固定的标题，名为div，一个在另一个下面。第二个消失了。下面的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-指数更高。