文字被背景色覆蓋是一個常見的問題，在CSS中有幾種方法可以解決這個問題。 第一種方法是使用text-shadow屬性。這個屬性允許你在文字周圍添加一個陰影，從而使文字更加清晰易讀。例如，下面的CSS代碼將在黑色背景上添加白色陰影：

p {
text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

第二種方法是使用text-fill-color屬性。這個屬性允許你指定文字的填充顏色，而不是使用默認的前景色。例如，下面的CSS代碼將在黑色背景上使用白色填充顏色：

p {
-webkit-text-fill-color: #fff;
text-fill-color: #fff;
}

第三種方法是使用mix-blend-mode屬性。這個屬性允許你控制圖層之間的混合方式，可以為文字添加混合模式以使其更加清晰。例如，下面的CSS代碼將使用multiply混合模式使文字更加清晰：

p {
mix-blend-mode: multiply;
}

以上是解決文字被背景色覆蓋的三種方法。你可以根據具體情況選擇適合自己的方法來解決問題。