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

图片路径的问题。

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文件的路径

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