CSS 背景色覆盖字体？用 z-index 定位解决！

在 CSS 中，可以使用 'z-index' 属性来控制元素之间的层级关系。如果一个元素设置了更高的 'z-index' 值，它就会出现在其他元素的上面。因此，可以通过设置不同元素的 'z-index' 值来解决背景色覆盖字体的问题。

具体步骤如下：

1. 确定需要设置层级关系的元素，例如一个有背景色的 div 和一个包含文字的 p 标签。

2. 给 p 标签设置一个更高的 'z-index' 值，例如 100。

3. 在 CSS 中添加以下代码：

div {
    position: relative;
    z-index: 1;
}

p {
    position: relative;
    z-index: 100;
}

这里给 div 和 p 标签都设置了 'position' 属性，并给它们分别设置了不同的 'z-index' 值。这样，p 标签就会出现在 div 标签的上面，背景色就不会覆盖字体了。

注意：如果元素没有设置 'position' 属性，'z-index' 属性是不起作用的。因此，一定要记得给需要设置层级关系的元素设置 'position' 属性。