CSS引用图片相对路径符号怎么写?

我在网上搜了很久,就是分不清~和.和..符号的意义
我的目录结构是
(根目录)
--App_Date
--App_Themes
---主题1
----image
-----leaf.jpg
----main.css
--dafault.aspx
---dafault.aspx.cs
--masterpage.master
---masterpage.master.cs
--web.config
在main.css中引用上面目录下的leaf.jpg

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:body{background-image: URL(../../image/image.jpg)}。

3、浏览器运行index.html页面,此时CSS成功通过相对路径引用了图片。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-04-17
那就用background:url(./image/leaf.jpg)
或者background:url(image/leaf.jpg)等价于上面那个

/根目录
~/虚拟站点根目录
../上级目录(../../上上级目录)
./当前目录

假设你通过虚拟目录新建了个的asp.net站点,名字是site
则你的站点访问路径是http://localhost/site/
以你的目录结构为例,你的css可以这样写
background:url(./image/leaf.jpg)等价于background:url(image/leaf.jpg)
或者
background:url(/site/App_Themes/image/leaf.jpg)
或者
background:url(http://localhost/site/App_Themes/image/leaf.jpg)
~在css里不支持,假设支持的话,就是
background:url(~/App_Themes/image/leaf.jpg)本回答被提问者采纳
第2个回答  2010-01-04
../image/leaf.jpg
-_-!
第3个回答  2010-01-04
相对路径
../上一级
第4个回答  2010-01-04
../leaf.jpg

CSS引用图片相对路径符号怎么写?
1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的标签中,输入css代码:body{background-image: URL(..\/..\/image\/image.jpg)}。3、浏览器运行index.html页面,此时CSS成功通过相对路径引用了图片。

CSS里的background url怎么设置呢?
在这里,'path\/to\/your\/image.jpg'是你需要在CSS中使用的图片的实际文件路径。如果你想引用相对路径的图片,可以使用'..\/'来表示向上一级目录。例如:background-image: url(..\/images\/***.jpg);这里的'..\/images\/***.jpg'表示图片位于当前目录的上一级的images文件夹中。如果你想再向上一级...

请问在css中 要插入背景图片 url地址应该怎么写?
可以用background:url(.\/images\/a.gif) no-repeat top right;上面一种是复合定义,括号里是图片路径,后面是不平铺,背景位置是在右上角

网站页面导入css,图片等文件的相对路径和绝对路径问题
如果是外联css(css文件与html文件分离的),则css中的图片路径是相对于css文件而不是html文件的,比如你附图中的那个png图片,应该位于css文件的上级目录的images子目录的kpjh子目录中,否则就出错。如果网站的目录结构比较复杂,很难理清文件的相对关系,可以使用绝对路径,比如说images目录假如位于网站的...

如何在CSS中使用相对路径让图片在DIV中以背景图片显示
-20px -20px :你需要的那块背景图的坐标,这个坐标是从左上角开始计算的,并且在设置这个参数时它为负数(这个为啥子我为负数,我也不太清楚);比如我现在侧得得坐标是:x轴:20 、y轴:10 ,那么就应该是.bg{ background:url(images\/banner.gif) -20px -10px ;};no-repeat:背景不...

...url()中的图片路径呢 ? 这里我对相对路径不是很明白。把一_百度知...
相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。1 两个文件在同一个文件夹下,直接写文件名即可 假设info.html路径是:c:\\Inetpub\\wwwroot\\sites\\blabla\\info.html 假设index.html路径是:c:\\Inetpub\\wwwroot\\sites\\blabla\\index.html 在info.html加入index.html超链接的...

CSS中的图片路径如何修改
css中加背景图片根据图片及css文件的相对位置分一下几种类型:1.同包下:background : url(aaa.gif);2.不同包:在这种情况下有2中方法可以设置,一种是使用绝对路径,即http:\/\/www.域名.com\/aaa.gif这种,不过一般不推荐这么用,不利于项目移植;一种是使用相对路径,首先需要找到图片文件和css...

外联是css,在css中调用图片,怎样设置路径呀,能不能举个例子呀
将图片保存在同一个项目的images图片文件夹下,在css里调用的时候按照图上的路径写法,就可以使用图片了

CSS里的图片地址
用相对路径和绝对路径都是可以的,关键是在css里面写的路径要保持一致。例如 css里面如果写 images\/1.jpg ,css文件与a.html在同一文件夹下是没有问题的。如果b.html与a.html不在同一文件夹下的话。那么b.html调用css文件的话一定会出问题的。css里面可以这样写“\/images\/1.jpg ”把images文件夹...

一个css样式问题 background:url(c_index.gif) left -88px;
background在CSS样式里表示背景属性,可以是纯色,也可以是图片.url(c_index.gif)表示背景是一张与CSS样式表同一目录下,文件名为c_index.gif的图片(这里的路径是相对路径,也可以是绝对路径)left表示背景图片左对齐(right表示右对齐,center表示水平方向居中)-88px表示背景图片相对上边框往上缩进88个像数(...

相似回答