CSS中background:url(图片) 不能显示的问题
刚刚碰到一个奇怪的问题,这样一段CSS代码:
1 .pho6 { background: url(img/pho6.jpg); }
这段代码居然不能显示出背景图片,路经绝对是没错的
代码肯定没有问题,俄,百度了好久终于让我给找到了
真正的问题在哪?
在url(imagepath)里的这个imagepath(图片路径)。原来它是相对于.css文件所在的文件夹,也就是调用css文件夹下的子文件夹来获取路径地址,
通过浏览器调试,可以看到浏览器获取路径是从css下面的img来找我的图片的,但是
我的img和css是平级的文件夹,就是说css下面是没有img这个文件夹存在的,所以浏览器当然报错了,因为根本找不到嘛
简单点说,就是假如我文件夹下有一个index.html,它要调用index.html所在的一个子文件夹css下的style.css文件,背景图片存放在与css文件夹同级的img文件夹下,于是乎,这里的CSS应该这样写:
background:url(../img/pho6.jpg) ;
灵感来源:烈火网
个人学习随笔,不一定原创,不定时更新
[gitHub]: https://github.com/MicahZJ
[博客]: https://micahzj.github.io/MicahZJ.github.io/
[掘金]: https://juejin.im/user/5c1355ebe51d4521030cfe84/posts/
有关问题,或者想和本人讨论
欢迎通过本人QQ872219020联系
或者在github上提issues,虽然我不一定会去看o
[gitHub]: https://github.com/MicahZJ
[博客]: https://micahzj.github.io/MicahZJ.github.io/
[掘金]: https://juejin.im/user/5c1355ebe51d4521030cfe84/posts/
有关问题,或者想和本人讨论
欢迎通过本人QQ872219020联系
或者在github上提issues,虽然我不一定会去看o