在網頁設計中，經常會遇到需要給頁面添加背景顏色和背景圖片的情況。然而，在使用CSS時，有時候會發現背景顏色覆蓋了背景圖片的情況。

這種情況通常是因為CSS中背景顏色的優先級高于背景圖片。因此，當添加了背景顏色，就會導致背景圖片被覆蓋。

解決這個問題的方法也很簡單，只需要調整CSS中背景顏色和背景圖片的順序即可。如下所示：

background: url("bg.png") no-repeat center center fixed; 
background-color: #ffffff;

將背景圖片的CSS代碼放在背景顏色的CSS代碼之前，就可以解決背景顏色覆蓋背景圖片的問題了。

當然，也有其他的解決方案可以嘗試。例如使用CSS3中的多重背景功能，將背景顏色和背景圖片同時添加進去。如下所示：

background: 
url("bg.png") no-repeat center center fixed, 
#ffffff;

這樣，就可以在不影響背景圖片的情況下，保留背景顏色了。

總之，背景顏色覆蓋了背景圖片這個問題是很常見的，適時的調整代碼順序，或嘗試使用高級的CSS功能都是可以解決問題的。