css+div显示图片显示不完整

html-css010

css+div显示图片显示不完整,第1张

css+div显示图片显示不完整，有以下几方面原因：1、css没有被调用；请检查css调用是否成功。2、css图片地址不对；请检查css图片地址是否正确。3、div的高度没有固定，是auto或者没有设值，div设置错误容易导致背景图片高度太大则无法显示；请设置div高度。4、div被嵌套；查看嵌套的div是否设置正确。5、div代码不规范；请检查div代码是否书写正确。

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

header

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

最简单的验证方法，把

header

设置为

#header

{

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

border:

1px

solid

red

}

看容器是否正常。

css使div背景图片填充的具体操作步骤如下：

1、我们首先打开前端开发工具，新建一个html代码页面。

2、在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = "bg-img"。

3、设置背景图片，创建style标签，然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。

4、保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。

5、回到html代码页面，在bg-img类里添加background-position: center的属性。

6、保存html代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。