最近我在做网页设计时遇到了一个问题，就是css背景盖住了文字，导致文字无法显示。我在网上找到了解决方法，现在与大家分享一下。
p {
background-color: #333;
color: #fff;
padding: 10px;
position: relative;
z-index: 1;
}
上面这段代码是我之前写的css，把文字包裹在p标签内后，发现文字被背景覆盖了。这是因为background-color属性会默认为不透明的，因此覆盖了文字。解决方法是给p标签同时加上position: relative和z-index: 1属性，如上面所示。
position: relative使元素的定位方式变为相对定位，使得z-index属性能够生效。而z-index属性则是用来控制元素的显示层级，值越大的元素会覆盖值越小的元素。因此，给p标签设置一个z-index: 1值，即可保证文字显示在背景上面。
总之，要避免css背景盖住文字的问题，除了上述方法外，还有一些其他的解决办法。例如，给背景设置透明度、使用伪元素等等。需要根据具体情况选择合适的方法。
