css文件中引用图片不显示怎么办

登录注册

css文件中引用图片不显示怎么办

来源:网络
更新日期:2020-11-16

摘要：css文件中引用图片不显示的解决方法：1、确保图片路径书写正确；2、设置图片成块显示；3、指定图片的宽和高。正确代码如：【display:block;width: 25px;height: 21px;】。解决思路：1

css文件中引用图片不显示的解决方法：1、确保图片路径书写正确；2、设置图片成块显示；3、指定图片的宽和高。正确代码如：【display:block;width: 25px;height: 21px;】。

解决思路：

1、确保路径正确

2、成块显示

3、指定宽高

（推荐教程：css视频教程）

代码：

.icon-document {
        background-image: url(../image/document.png);
        display:block;
        float: left;
        width: 25px;
        height: 21px;
    }

如图：