CSS背景顏色浮于圖片上方，是指在網頁設計中背景色的優先級高于圖片，導致圖片的一部分會被背景顏色所覆蓋。這個問題在網頁中有時候會造成不美觀的效果，下面我們來看一下如何解決這個問題。

/* 設置背景顏色 */
body {
background-color: #e6e6e6;
}
/* 設置圖片 */
img {
position: relative;
z-index: -1;
}

上述代碼是解決背景顏色浮于圖片上方的CSS代碼。首先我們給body設置了一個背景顏色，然后將圖片的position屬性設置為relative，z-index屬性設置為-1，這樣就可以讓圖片位于背景顏色下方。如果還不理解，請讓我們來逐一解釋。

首先，我們給body設置了一個背景顏色。這個背景顏色可以是任何顏色，我們這里設置的是#e6e6e6。

然后，我們為圖片設置了兩個屬性：position和z-index。Position屬性是控制元素的定位，relative表示相對于其在文檔中的位置進行定位。z-index屬性是控制元素的堆疊次序，數值越高的元素越會覆蓋數值較低的元素。

而將圖片的z-index設置為-1，就可以確保它位于背景顏色下方。如果將z-index設置為正整數，則圖片會浮于背景顏色之上。

綜上所述，我們只需要將圖片的z-index屬性設置為-1，就可以讓圖片位于背景顏色下方，并且不會出現背景顏色浮于圖片上方的情況。