为什么css中添加图片不显示，css图片加载不出来

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

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

2、可能有三种情况：1。路径不对；2。图片格式不对，指的是本来是Gif格式的图片，你只在后面改了一个后缀名成jpg的。3。h3没有规定宽度和高度。背景图片是不需要规定高度和宽度的。

3、css没有被调用；请检查css调用是否成功。css图片地址不对；请检查css图片地址是否正确。div的高度没有固定，是auto或者没有设值；div设置错误容易导致背景图片高度太大则无法显示。

相关问答

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

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

2、可能有三种情况：1。路径不对；2。图片格式不对，指的是本来是Gif格式的图片，你只在后面改了一个后缀名成jpg的。3。h3没有规定宽度和高度。背景图片是不需要规定高度和宽度的。

3、图片和网页放在同一目录下：background-image：url(图片.jpg。图片放在一个image目录下，并且image目录和网页在同一目录下：background-image：url(“image/图片.jpg”)。

Q2: DIV+CSS中设置了一个背景图片,显示不出来

1、具体解决方法如下：创建以下目录结构的测试页面。将测试图片显示在浏览器界面上，效果如下。通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。

2、孩子，路径是没有问题滴，但你的这个ID为 header 的容器你是否设置了高度宽度之类的。最简单的验证方法，把 header 设置为 header { background-image：url(../images/logo.gif)；border：1px solid red；} 看容器是否正常。

3、如果版式也乱了 说明是css文件路径错误。如果版式正常，只是图片不显示，就是图片路径写错了。在本地和服务器上文件路径有些不同，服务器上可以试着改为绝对路径试试。

4、图片和网页放在同一目录下：background-image：url(图片.jpg。图片放在一个image目录下，并且image目录和网页在同一目录下：background-image：url(“image/图片.jpg”)。

5、设定了一个长宽均为100px，背景为红色的div div中设定了背景色，input中也设定背景色。

6、是不是没写对路径啊？ 选对文件夹：比方说你在css文件夹里，和images是同一级别的，要退出css文件夹，再进入images文件夹，要写成：../images/jpg。

Q3: 为什么我在css中设定的背景图片在浏览的时候不显示?

IE做网页的时候兼容性不是很好。建议使用火狐浏览器。检查图片的路径。浏览器兼容性问题 IE默认设置不支持图片中文命名。

图片路径的问题。图片和网页放在同一目录下：background-image：url(图片.jpg。图片放在一个image目录下，并且image目录和网页在同一目录下：background-image：url(“image/图片.jpg”)。

DIV+CSS中设置了一个背景图片，显示不出来，有以下几方面原因：css没有被调用；请检查css调用是否成功。css图片地址不对；请检查css图片地址是否正确。

，css没有被调用 2，css图片地址不对 3，div的高度没有固定，是auto或者没有设值 4，div被嵌套 5，div代码不规范 CSS（层叠样式表）是一种用来表现HTML或XML等文件样式的计算机语言。

第一步，执行完上面的操作之后，设置背景图片样式，在右边的标记之后创建一个标记，然后在该标记中设置标记的背景图像，并且不会重复该背景图像，见下图，转到下面的步骤。

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

1、可能有三种情况：1。路径不对；2。图片格式不对，指的是本来是Gif格式的图片，你只在后面改了一个后缀名成jpg的。3。h3没有规定宽度和高度。背景图片是不需要规定高度和宽度的。

2、css没有被调用；请检查css调用是否成功。css图片地址不对；请检查css图片地址是否正确。div的高度没有固定，是auto或者没有设值；div设置错误容易导致背景图片高度太大则无法显示。

3、如果版式也乱了 说明是css文件路径错误。如果版式正常，只是图片不显示，就是图片路径写错了。在本地和服务器上文件路径有些不同，服务器上可以试着改为绝对路径试试。

4、图片路径的问题。图片和网页放在同一目录下：background-image：url(图片.jpg。图片放在一个image目录下，并且image目录和网页在同一目录下：background-image：url(“image/图片.jpg”)。

5、路径是没有问题滴，但你的这个ID为 header 的容器你是否设置了高度宽度之类的。最简单的验证方法，把 header 设置为 header { background-image：url(../images/logo.gif)；border：1px solid red；} 看容器是否正常。

关于为什么css中添加图片不显示和css图片加载不出来的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。