css一个层控制另一个层

CSS中可以使用层控制来实现一个层控制另一个层。 层控制是指设置层级关系，使一种属性只对特定层生效，这样就可以有针对性地对元素进行样式设置。我们可以使用z-index属性来控制层级，层级越高的元素会覆盖层级较低的元素。

例子：
<div class="container">
    <div class="layer1">这是第1层</div>
    <div class="layer2">这是第2层</div>
    <div class="layer3">这是第3层</div>
</div>

.container {
    position: relative;
}

.layer1 {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}

.layer2 {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    background-color: red;
}

.layer3 {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 3;
    background-color: blue;
} 

在上面的例子中，我们设置了三个层分别为layer1、layer2、layer3，并对它们设置不同的位置、颜色和层级，以示区别。其中，层1和层2重叠在一起，但层2的层级更高，因此层2会覆盖住层1。同样地，层3的层级更高，覆盖住了层1和层2。

需要注意的是，在使用层控制时，要设置父元素（即容器）的position属性为relative或absolute，否则层控制不会生效。因为层控制是相对于父元素的位置进行设置的。