CSS背景顏色與背景圖片同時(shí)存在可以讓網(wǎng)頁更加的豐富和美觀。而如何實(shí)現(xiàn)呢？

background: url(example.jpg) no-repeat center center/cover, #fff;

如上所示，使用background屬性，可以同時(shí)定義背景圖片和背景顏色。在value值中，先定義了背景圖片路徑，然后no-repeat表示不重復(fù)，center center表示圖片居中，cover則表示圖片填充整個(gè)父級元素的空白區(qū)域。在逗號后面的#fff即為背景顏色。這樣就可以實(shí)現(xiàn)背景圖片和顏色同時(shí)存在的效果了。

需要說明的是，背景顏色的定義也可以放在背景圖片的前面。此外，還可以通過設(shè)置透明度，讓背景圖片與背景顏色融合的更好。

background: #fff;
background: url(example.jpg) no-repeat center center/cover;
opacity: 0.8;

如上所示，使用兩個(gè)background屬性，先定義背景顏色，再定義背景圖片。同時(shí)，通過設(shè)置opacity屬性，將背景圖片的透明度設(shè)置為80%，使其與背景顏色融合的更好，效果也更加美觀。

總之，使用CSS背景顏色與背景圖片同時(shí)存在，可以讓網(wǎng)頁變得更加豐富和美觀，為網(wǎng)頁設(shè)計(jì)帶來更多可能性。