在CSS中，background-color屬性用于設置元素的背景色，而background-image屬性用于設置元素的背景圖。

有時候，我們需要使用背景色來覆蓋背景圖，這時可以使用opacity屬性，將背景圖透明化來達到效果。

background-color: #cccccc;
opacity: 0.5;

上面的代碼可以將背景色設置為#cccccc，同時將透明度設置為0.5，這樣就能夠將背景色覆蓋在背景圖上。

另外，還可以使用偽元素來實現(xiàn)背景色覆蓋背景圖的效果：

.element {
position: relative;
}
.element::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #cccccc;
opacity: 0.5;
z-index: 1;
}

上面的代碼中，我們使用了一個偽元素:before來添加一個覆蓋層，覆蓋在原背景圖上面，同時設置z-index屬性將覆蓋層置頂。

總之，使用CSS可以很容易地將背景色覆蓋在背景圖上，讓我們更靈活地進行頁面設計。