cssbackgroundimage图片不显示(background image不显示)

HTML中css插入background–image图片不显示为什么？

首先要确认的是你定义的元素ID是”pic:“吗？明显看到pic后面多了个":"。是不是失误多打了的。另外就是确认图片地址是否与页面在同级，不过不是同级就说明图片地址有误。

css background-image 显示不到 为什么

图片的路径错了。

DW有提示的，你可以选取。

基本上的话是这样的，假如你的项目。

项目文件夹-里面包含①images文件夹②js文件夹③css文件夹；然后把你所有需要的图片放在images文件夹下面。这样便于管理。然后css文件夹里面放样式文件，也就是css文件，js文件夹下面放js文件。页面放在和三个文件夹平行的位置。

这样的话调用图片。

background-image:url(../images/mit2.jpg);

HTML中css的background–image插入图片不显示为啥？

查看一下是不是路径不对，一般路径对了，

不会出错，

css的background-image图像显示不出来的原因

可能的原因有以下几点：

图片路径有误，导致无法加载图片

图片格式浏览器不支持，如图片是webp格式的，但用户使用的是低版本的浏览器，无法识别webp格式的图片

图片已损坏，损坏的图片无法被打开

图片并非自己的资源，采用其他站点的图片，而对方站点做了防盗链处理，返回了错误的状态码，如返回403

设置了background-position，但数值设置的不正确，导致图片没有出现在正确的位置

对应的解决方法：

更正图片的路径，将图片地址放到浏览器地址栏中，看能否访问

使用兼容性好的图片格式，如jpg、png

替换成正常的图片

将其他网站上的图片保存到自己站点中

设置正确的background-position