在網頁開發中，經常會遇到圖片與頁面背景顏色不相符的情況，這時我們就需要使用 CSS 來填充圖片背景。

首先，我們需要將圖片選擇器設置為background-size: cover，這樣圖片將會自動鋪滿整個容器。

img {
background-size: cover;
}

接著，我們需要使用:before偽元素來創建一個覆蓋整個容器的遮罩層，并將背景顏色設置為白色。

img:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
}

最后，需要將z-index設置為負數，這樣遮罩層就會在圖片下方。

img {
position: relative;
z-index: -1;
}

這樣就完成了圖片填充白色背景的效果。