[分享]css中 上面一层怎么写

CSS中可以使用上面一层（Z-index）来控制元素的堆叠顺序。

 .box1 {
      z-index: 2;
    }
    .box2 {
      z-index: 1;
    } 

如上代码所示，在box1和box2两个元素中，box1的Z-index为2，box2的z-index为1。这意味着box1会覆盖box2，因为它的堆叠顺序更高。

如果两个元素的Z-index相同，堆叠顺序按照它们在HTML文档中出现的顺序确定。

 .box1 {
      z-index: 1;
    }
    .box2 {
      z-index: 1;
    } 

如上代码所示，由于box1和box2的堆叠顺序相同，它们在页面上的层叠顺序与它们在HTML文档中的出现顺序相同。

请注意，z-index只适用于具有定位属性（如position：relative，position：absolute和position：fixed）的元素。如果元素未设置定位属性，Z-index属性将不起作用。

 .box3 {
      background-color: red;
      z-index: 2; /* z-index仍然不起作用，因为没有定位属性 */
    } 

总之，使用Z-index属性可以轻松控制元素的堆叠顺序，以便在设计网页时更好地管理布局。