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

2024-11-13 23:32:53
推荐回答(5个)
回答1:

图片路径的问题。

1、图片和网页放在同一目录下:background-image:url("图片.jpg"。

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

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

扩展资料:

注意事项

注意::在css样式表中写的background-image:url(图片的路径为相对本css文件的路径,而不是我们通常认为的相对加入css样式的网页的路径);

例如:在当前目录下有 index.html 和 css文件夹(里面包含:css.css) 和 images文件夹(里面包含top.jpg)

错误的认为和写法:background-image:url("images/top.jpg"); 错误的认为图片的路径应该是针对index.html网页来说的。

正确的认为和写法:background-image:url("../images/top.jpg");图片的路径应该写的是相对css.css文件的路径

其中     ../     表示的是上一级目录,不要写成 ./ 这是表示当前目录。

回答2:

主要是图片路径的问题。
1.图片和网页放在同一目录下,background-image:url("图片.jpg")
2.图片放在一个image目录下。并且image目录和网页在同一目录下:
background-image:url(“image/图片.jpg”)
3.图片放在一个image目录下。并且image目录和网页不在同一目录下
background-image:url(“../image/图片.jpg”)//两个点加一个左斜杠代表该程序的根目录

回答3:

1.背景图片的路径错了------是不是在上级或下级文件夹里面
2.图片格式不对------试试windows自带的图片浏览器能不能打开
3.太卡,加载不出来-----多试几次都这样的话就基本可以排除这个原因
.....暂时只能想到这些了

回答4:

你个加这张背景图片的DIV没有高度,所以不显示;
还有可能是你的css格式书写错误等原因,请检查不是此错误导致的。

回答5:

是不是把url()省略了,一定要写成url(图片路径)