图片路径的问题。
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文件的路径
其中 ../ 表示的是上一级目录,不要写成 ./ 这是表示当前目录。
主要是图片路径的问题。
1.图片和网页放在同一目录下,background-image:url("图片.jpg")
2.图片放在一个image目录下。并且image目录和网页在同一目录下:
background-image:url(“image/图片.jpg”)
3.图片放在一个image目录下。并且image目录和网页不在同一目录下
background-image:url(“../image/图片.jpg”)//两个点加一个左斜杠代表该程序的根目录
1.背景图片的路径错了------是不是在上级或下级文件夹里面
2.图片格式不对------试试windows自带的图片浏览器能不能打开
3.太卡,加载不出来-----多试几次都这样的话就基本可以排除这个原因
.....暂时只能想到这些了
你个加这张背景图片的DIV没有高度,所以不显示;
还有可能是你的css格式书写错误等原因,请检查不是此错误导致的。
是不是把url()省略了,一定要写成url(图片路径)