在每張背景圖片下面加個?background-size:cover;??代碼?就好了,它的作用是讓圖片自動根據(jù)容具的大小來填充；

/*任務(wù)三、設(shè)置縮略圖背景圖像*/
.clearfix?li:nth-of-type(1)?a::after{
???background:?url(http://localhost:8080/images/timg.jpg)?no-repeat?center;
???background-size:?cover;
}

圖片無法顯示是因為慕課網(wǎng)給的圖片鏈接有問題，圖片已經(jīng)丟失了，只能自己查找其他來源的圖片替換掉鏈接就好了

縮略圖無法正常顯示

縮略圖不能顯示原因：圖片分辨率過大，將圖片分辨率調(diào)整為533*300以下便可正常顯示，分辨率為100*50時，圖片正好能完全放入縮略框。 圖片不能正常顯示問題：圖片地址要設(shè)置成本地圖片路徑或者網(wǎng)絡(luò)可用圖片鏈接。