问答详情
源自:7-8 切换背景图像综合练习题

缩略图无法正常显示

缩略图不能显示原因:图片分辨率过大,将图片分辨率调整为533*300以下便可正常显示,分辨率为100*50时,图片正好能完全放入缩略框。 图片不能正常显示问题:图片地址要设置成本地图片路径或者网络可用图片链接。

提问者:SongWihtinClouds 2019-03-22 16:24

个回答

  • ly今夕何夕
    2019-08-08 23:36:02

    在每张背景图片下面加个 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;
    }

    图片无法显示是因为慕课网给的图片链接有问题,图片已经丢失了,只能自己查找其他来源的图片替换掉链接就好了

  • SongWihtinClouds
    2019-03-22 16:25:51

    缩略图无法正常显示

    缩略图不能显示原因:图片分辨率过大,将图片分辨率调整为533*300以下便可正常显示,分辨率为100*50时,图片正好能完全放入缩略框。 图片不能正常显示问题:图片地址要设置成本地图片路径或者网络可用图片链接。