背景图片加载不出问题的解决办法
2017-09-18 22:37
267 查看
曾经在html中编写网页的时候, 将外部的css样式表链接到网页中,其它像:background-color . padding , margin 等都可以正常起作用,但就是background-image不起作用,而且有时一气之下将background-image:url(“”绝对路径“”) ;就可以显示了,但是我们非常不提倡这种绝对路径的写法,那么出现这个现象的原因到底是什么呢?
**
注意:在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文件的路径
其中 ../ 表示的是上一级目录,不要写成 ./ 这是表示当前目录。
这个问题困扰我很长时间,今天总结一下,提醒自己吧!!希望还没弄清的朋友弄懂!
**
注意:在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文件的路径
其中 ../ 表示的是上一级目录,不要写成 ./ 这是表示当前目录。
这个问题困扰我很长时间,今天总结一下,提醒自己吧!!希望还没弄清的朋友弄懂!
相关文章推荐
- c# 窗体的背景图片在加载时,背景图片闪烁问题 已解决
- UniversalImageloader 加载图片模糊问题的解决办法
- 关于iphone 6 ios8网站背景图片错乱的问题解决办法
- 关于Android加载HTML页面中的图片显示问题的解决办法
- QWebView中出现加载网页乱码、图片加载不出来的问题解决以级QMainWindow背景图片设置问题
- VS开发WINCE 程序PictureBox加载图片时异常 问题的解决办法
- MFC中CImage加载png图片出现黑色背景的解决办法!
- Android ListView,GridView,RecyclerView图片加载错位闪动问题解决办法
- CodeIgniter中PNG图片处理背景不透明问题的解决办法
- ListView加载图片乱序的问题以及解决办法
- 使用ImageLoader+gallery加载图片导致图片哆嗦的问题解决办法
- [MAC]OpenGL中SOIL库与stbi_load库加载图片,透明黑色问题,遇到的坑及解决办法
- Android使用UIL加载圆角图片不显示的问题及解决办法
- DllMain加载其他DLL造成的死锁问题及其解决办法
- App启动页-加载一张图片以及解决白屏或者黑屏问题
- fckedirot使用 及与struts2整合图片上传问题的解决办法
- 关于NGUI的动态加载后的刷新显示问题,解决办法!!
- 解决ListView异步加载网络图片的各种问题(一)
- Android有效解决加载大图片时内存溢出的问题