在網(wǎng)頁制作中，我們經(jīng)常需要使用圖片來豐富頁面的內(nèi)容，但有時候在使用CSS設(shè)置圖片時，會出現(xiàn)圖片閃白的問題。

為什么會出現(xiàn)圖片閃白的問題呢？這是因?yàn)樵诩虞d圖片時先顯示了背景色，然后才加載圖片，造成了瞬間白屏的現(xiàn)象。

那么如何解決這個問題呢？一種常用的解決方法是使用CSS的background屬性來設(shè)置圖片，而不是使用img標(biāo)簽。

.bg-img {
width: 400px;
height: 400px;
background-image: url('xxx.jpg');
background-size: cover;
}

這樣，當(dāng)圖片加載完成后，便會直接顯示圖片，不存在背景色先出現(xiàn)的情況，從而避免了圖片閃白的問題。

此外，我們也可以使用懶加載的技術(shù)來解決圖片閃白的問題。當(dāng)用戶滾動頁面時，再去加載圖片，這樣即使圖片加載緩慢，也不會影響頁面的正常顯示。

// 引入lazyload.min.js插件// JS代碼
$(function () {
$("img.lazy").lazyload({
effect : "fadeIn",
placeholder : "loading.gif"
});
});

以上是兩種常用的解決CSS圖片閃白的方法，我們可以根據(jù)具體情況選擇使用。