Css设置背景图片为什么不显示?

html-css0376

Css设置背景图片为什么不显示?,第1张

Css设置背景图片为什么不显示?原因是图片路径的问题。解决步骤:

1.将图片和网页放在同一目录中,background-image:url("图片.jpg")

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

3.图片放在一个image目录下。并且image目录和网页不在同一目录下  background-image:url(“../image/图片.jpg”)//两个点加一个左斜杠代表该程序的根目录

css添加背景图片无法显示,有以下几方面原因:

1、css没有被调用;请检查css调用是否成功。

2、css图片地址不对;请检查css图片地址是否正确。

3、div的高度没有固定,是auto或者没有设值;div设置错误容易导致背景图片高度太大则无法显示。

4、div被嵌套;查看嵌套的div是否设置正确。

5、div代码不规范;请检查div代码是否书写正确。

孩子,路径是没有问题滴,但你的这个ID为

header

的容器你是否设置了高度宽度之类的。

最简单的验证方法,把

header

设置为

#header

{

background-image:url(../images/logo.gif);

border:

1px

solid

red

}

看容器是否正常。