如何在html中添加图片的地址怎么写,css添加图片怎样找图片路径?
程序开发
2023-09-03 07:29:46
css添加图片怎样找图片路径?
在CSS文件里,有时要用到background-image,即加一个背景图片,一般在显示标题时会经常用到。
现在来看两个文件目录:/css/admin/main.css //css文件的目录
/css/admin/image/show.gif //图片的目录
举例:
(相关课程推荐:css视频教程)
1、现在在main.css文件里要用show.gif来做背景图片,那么要这样来写:background-image:url(image/td-top-4.gif);
这样写路径是因为main.css和image文件夹都是在css目录下的。
2、如果现在需要在一个jsp页面里定义这个图片路径,jsp页面ShowImage.jsp在test文件夹里,而test和css又在同一个目录下面,这时的图片路径就要有所改变了:background-image:url(../css/admin/image/td-top-4.gif);
这样即可正确的显示图片了。
这里的../是指回到上一层目录,如果是上两层目录呢?那就是../../。
当然,如果加上绝对路径不管怎么样都不会出错了,不过不推荐使用绝对路径,不利于程序的移植。
本文来自css3答疑栏目,欢迎学习!
标签:
上一篇:
界面控件DevExtreme的Data Grid组件——让业务信息管理更轻松!
下一篇:
相关文章
-
无相关信息