課程
/前端開發
/HTML/CSS
/十天精通CSS3
縮略圖不能顯示原因:圖片分辨率過大,將圖片分辨率調整為533*300以下便可正常顯示,分辨率為100*50時,圖片正好能完全放入縮略框。 圖片不能正常顯示問題:圖片地址要設置成本地圖片路徑或者網絡可用圖片鏈接。
2019-03-22
源自:十天精通CSS3 7-8
正在回答
在每張背景圖片下面加個?background-size:cover;??代碼?就好了,它的作用是讓圖片自動根據容具的大小來填充;/*任務三、設置縮略圖背景圖像*/.clearfix?li:nth-of-type(1)?a::after{???background:?url(http://localhost:8080/images/timg.jpg)?no-repeat?center;???background-size:?cover;}
圖片無法顯示是因為慕課網給的圖片鏈接有問題,圖片已經丟失了,只能自己查找其他來源的圖片替換掉鏈接就好了
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備
2 回答.slider li加入position:relative才能顯示五個縮略圖
3 回答關于縮略圖的問題
1 回答任務三:設置縮略圖背景圖像
1 回答為什么縮略圖就一個啊
1 回答縮略圖的圓形和下面的正方形該怎么實現
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-08-08
在每張背景圖片下面加個?background-size:cover;??代碼?就好了,它的作用是讓圖片自動根據容具的大小來填充;
/*任務三、設置縮略圖背景圖像*/
.clearfix?li:nth-of-type(1)?a::after{
???background:?url(http://localhost:8080/images/timg.jpg)?no-repeat?center;
???background-size:?cover;
}
圖片無法顯示是因為慕課網給的圖片鏈接有問題,圖片已經丟失了,只能自己查找其他來源的圖片替換掉鏈接就好了
2019-03-22
縮略圖無法正常顯示
縮略圖不能顯示原因:圖片分辨率過大,將圖片分辨率調整為533*300以下便可正常顯示,分辨率為100*50時,圖片正好能完全放入縮略框。 圖片不能正常顯示問題:圖片地址要設置成本地圖片路徑或者網絡可用圖片鏈接。