兩者表現(xiàn)起來的效果是類似的，但是選用的時候應(yīng)該有一些細微的區(qū)別。
區(qū)別如下：
- background-image無法使用懶加載，而img標(biāo)簽可以通過設(shè)置其src進行懶加載的實現(xiàn)
- 加載順序不同： background-image是css屬性，img標(biāo)簽中如果有src會立即請求，img會優(yōu)先background-image進行請求
- 圖片設(shè)置性不同：background-image 可以借助其本身css屬性中的background-position、background-size來設(shè)置圖片展示的位置關(guān)系，大小顯示關(guān)系，而img標(biāo)簽無法直接設(shè)置其圖片顯示位置
- img標(biāo)簽?zāi)芨玫腟EO，是html標(biāo)簽，代表文檔內(nèi)容，而background-image屬于css，代表版式設(shè)計。而言之，img標(biāo)簽?zāi)芨玫腟EO，而background-image更加靈活。
