這里簡單說一下，用空太圖來代替原始的圖片。一般情況了，在圖片加載前有 好幾種方式：
比如:
1-圖片懶加載，
2-圖片預加載，
3-背景圖代替，
4-空態(tài)圖代替。

這里講解一下空態(tài)圖的方式：

**CSS**.status2-pic{width: 100%;height: 100%; }img{background-size: cover;background-position: center; }**HTML** <img class="status2-pic" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=" style="background-image: url('圖片地址');">

總結(jié)

以上是生活随笔為你收集整理的页面加载图片前用空态图代替真正图片的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。