z-index: 20

z-index是CSS属性之一，用于控制元素在层叠上下文中的显示顺序。它定义了元素在垂直方向上的堆叠顺序，具有较高z-index值的元素会覆盖具有较低z-index值的元素。

当多个元素重叠时，z-index可以用来确定哪个元素应该显示在其他元素的上方。z-index的值可以是正整数、负整数或auto。正整数表示元素在堆叠顺序中的优先级，较大的值表示较高的优先级。负整数表示元素在堆叠顺序中的较低优先级。auto表示元素的堆叠顺序由浏览器自动决定。

在给定的层叠上下文中，具有较高z-index值的元素会覆盖具有较低z-index值的元素。如果两个元素具有相同的z-index值，则后面出现在HTML文档中的元素会覆盖前面出现的元素。

需要注意的是，z-index只对定位元素（position属性值为relative、absolute或fixed）有效。对于非定位元素，默认的z-index值是auto，不会影响层叠顺序。