在 CSS 樣式表中，有一種常見的情況是當設置 DIV、P 等元素的背景顏色或圖片時，有時候會出現背景顏色蓋住字體的問題。

出現這種問題的原因是因為 CSS 樣式表中的層疊原理。層疊順序從下到上，即先設置的樣式在下層，后設置的樣式在上層。如果你在設置背景顏色時不指定層疊順序，那么默認的順序就會把背景顏色放在上層，從而蓋住字體。

解決這個問題的方法是使用 z-index 屬性。z-index 屬性用于指定元素的層疊順序。一般情況下，層疊順序高的元素會覆蓋低的元素。因此，通過設置 z-index 的值，可以改變元素的層疊順序，從而實現背景顏色不蓋住字體的效果。

/* 正確的設置方法 */
div {
background-color: #ffffff;
z-index: 0;
}
p {
background-color: #000000;
color: #ffffff;
z-index: 1;
}

在上面的示例中，我們將 div 的層疊順序設置為 0，將 p 的層疊順序設置為 1。這樣一來，p 的背景顏色就會放在 div 的上層，但因為設置了顏色和文字顏色，所以文字不會被蓋住。

總之，要解決背景顏色蓋住字體的問題，一定要設置 z-index 屬性，指定元素的層疊順序。