css中提高层级的方法

CSS中提高层级的方法有以下几种：

1. 使用z-index属性

 /* 设置层级为1 */
    .selector {
        z-index: 1;
    } 

z-index属性可以控制元素的层级，数值越大，层级越高。需要注意的是，z-index只对定位元素（position属性值为absolute、fixed或relative）有效。

2. 调整html结构

 <div class="first">
        <div class="second"></div>
    </div>

    /* 调整结构，提高层级 */
    .first {
        position: relative;
    }
    .second {
        position: absolute;
        top: 0;
        left: 0;
    } 

通过调整html结构，将需要提高层级的元素放到相对定位的父元素下，再通过绝对定位调整位置，就可以提高元素的层级。

3. 使用伪元素:before和:after

 /* 使用伪元素提高层级 */
    .selector:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ddd;
    } 

可以使用伪元素:before和:after创建一个与元素重叠的层，从而实现提高层级的效果。

总之，在选择提高层级的方法时需要根据具体情况进行选择，最终达到实现效果的目的。