[分享]css中如何让滚动的排列静止

在CSS里，我们可以使用和zindex属性来让一个滚动的排列静止。/ 让滚动的排列静止 / .example { : fixed; zindex: 9999; } 上面的代码中，将一个元素的值设置为f...

在CSS里，我们可以使用position和z-index属性来让一个滚动的排列静止。

/* 让滚动的排列静止 */
.example {
    position: fixed;
    z-index: 9999;
} 

上面的代码中，将一个元素的position值设置为fixed可以固定其位置，而z-index属性则是用于控制元素的层级关系，这里将其设为较高的值，可以让该元素显示在最上层。

需要注意的是，如果该元素不止一个，应该分别给它们设置不同的z-index，以控制它们之间的层级关系。

/* 控制两个固定元素的层级关系 */
.example1 {
    position: fixed;
    z-index: 9999;
}
.example2 {
    position: fixed;
    z-index: 9998;
} 

使用以上代码，可以让第一个元素显示在第二个元素的上方。