怎么让父级的层级比子级大，父级背景显示层级比子级高

要让父级的层级比子级大，可以设置父级元素的`z-index`属性的值大于子级元素的`z-index`属性的值。这样就可以保证父级元素在页面上的显示顺序高于子级元素，从而达到覆盖子级元素的效果。

如果要让父级的背景显示层级比子级高，可以使用CSS的`background-clip`属性。`background-clip`属性指定元素背景的绘制区域，可以设置的值有`border-box`、`padding-box`和`content-box`。默认值为`border-box`，表示背景绘制在边框框线下面，但不包含边框本身。如果将`background-clip`属性的值设置为`padding-box`，则背景将绘制在内边距区域内，但不包括边框和内容区域。这样，就可以让父级元素的背景绘制在子级元素上方，达到覆盖子级元素的效果。

例如，HTML代码如下：

<div class="parent">
  <div class="child"></div>
</div>

CSS代码如下：

.parent {
  position: relative;
  z-index: 2;
  background-color: #fff;
  background-clip: padding-box;
}

.child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #000;
}

在上面的代码中，父级元素`.parent`的`z-index`属性的值为2，比子级元素`.child`的`z-index`属性的值要大。同时，父级元素的`background-clip`属性的值为`padding-box`，表示背景只绘制在内边距区域内，而不包括边框和内容区域。这样就可以让父级元素的背景覆盖子级元素的背景。