Question

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

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

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

Answer 2

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

追问

路径没有错啊~
在dreamwaver中可以显示，然后只要在浏览器中预览的时候背景图片就不显示了？真头疼！

追答

这种情况一般是路径的问题，你的图片和页面文件的放置位置有没有变动，你可以给我一个页面文件和图片文件在站点中的排列截图我看看，

追问

如果背景不是图片是颜色的话就可以显示。

Answer 3

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

Answer 4

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

Answer 5

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