z-index为9的Div保持在另一个z-index为1的下方

在HTML中，可以使用CSS的position属性和z-index属性来控制元素的层级关系。要将一个z-index为9的<div>保持在另一个z-index为1的<div>下方，可以使用以下代码示例：

<style>
    .div1 {
        position: relative;
        z-index: 1;
        background-color: red;
        width: 200px;
        height: 200px;
    }

    .div2 {
        position: relative;
        z-index: 9;
        background-color: blue;
        width: 200px;
        height: 200px;
    }
</style>

<div class="div1">
    <p>z-index为1的Div</p>
</div>

<div class="div2">
    <p>z-index为9的Div</p>
</div>

在上面的代码中，.div1和.div2分别代表两个<div>元素的类名。通过设置它们的position属性为relative，可以使它们相对于其正常位置进行定位。.div1的z-index为1，.div2的z-index为9。根据CSS的层叠顺序，z-index值较大的元素会覆盖在z-index值较小的元素上方。因此，.div2会显示在.div1的下方。

在示例中，.div1的背景色为红色，.div2的背景色为蓝色，以便更清楚地区分它们。