导航:首页 > 文件目录 > css文件的相对路径

css文件的相对路径

发布时间:2023-05-24 22:55:26

Ⅰ CSS中的图片路径如何修改

在CSS文件里,有时要用到background,即加一个背景图片,一般在做按钮样式时会经常用到。
css中加背景图片根据图片及css文件的相对位置分一下几种类型:
1.同包下:background : url(aaa.gif);
2.不同包:
在这种情况下有2中方法可以设置,一种是使用绝对路径,即http://www.域名.com/aaa.gif这种,不过一般不推荐这么用,不利于项目移植;一种是使用相对路径,首先需要找到图片文件和css文件共同的一个根目录,然后再加上图片的子目录,比如:
css文件位置:WebRoot/test/css/a.css
图片文件位置:WebRoot/platform/resource/images/icons/a.gif
想要找到共同的根目录就需要用到 "../" 这个路径的意思是上一级目录,如果是两层上级目录,就是 "../../" 那么,按照这种写法的话,a.css中得背景图片css应该这么写:
background:url(../../platform/resource/images/icons/a.gif)
详解:
首先,我们观察这两个文件的位置,可以发现,共同的根目录是WebRoot,
我们首先在a.css的位置找到WebRoot,所以有了"../../" 然后拼接图片的子目录的路径 又有了"platform/resource/images/icons/a.gif" 合在一起后就是上面的结果了。

Ⅱ css相对路径问题

相对路径不是css一个文好迹裤件的问题,要看css和html及图片等文件相互位置关系。

../../../../Desktop/123.png中的“..”相当于上一级目录,按你写这句就会到Desktop的上面四级目录去找123.png这张图,Desktop的上四级根本就不是友简你放图片的位置,当然找不到。

一个项目,文件应该全部放一个目录里面:

xxxweb
--index.html或xxx.aspx
--img(放图片)
--js(放脚本)
--css(放样州橡式)

Ⅲ css怎么调不出图片啊 什么绝对路径 相对路径

图片应该放在你网站根目录的"templets/images/dhbg.jif"下
"/"表示网站根目录,也就是绝对路径;
而且要通过web服务器才能看到,直接在本地打开HTML文件是不行的.

注意:相对路径是相对CSS文件让纤宽的路径.
"./" 表示CSS文件所在目录
"坦亮竖滑../" 表示上一目录

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

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

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

Ⅳ 网站页面导入css,图片等文件的相对路径和绝对路径问题

如果是外联css(css文件与html文件分离的),则css中的图片路径是相对于css文件而不是html文件的,比如你附图中的那个png图片,应该位于css文件的上级目录的images子目录的kpjh子目录中,否则就出错。如果网站的目录结构比较复杂,很难理清文件的相对关系,可以使用绝对路径,比如说images目录假如位于网站的根目录,那么你可以用/images/kpjh/...,也就是把开头的两个小数点去掉。更保险的办法是在前面加上网址变成完整的url,这样即使图片文件放到其他网站也能调用。如果希望得到更简单的方法,那么可以把css文件与图片文件放在同一个目录,这样css文件中就不需要再写图片的路径了,直接写图片文件名即可

如果是内联css(css代码直接写到html文件中),则图片路径是相对于html文件的。

所以你要自己检查一下图片路径是否写正确,然后根据我上面的说明进行修改。

Ⅵ 为什么我的CSS相对路径有问题啊.前面不加 .. 两个点不行啊

楼主说的扒慧两种都是相对路径,只不过第一种是01文件夹不是当前文件夹下的,而第二种是当前文件夹下的文件夹。

绝对路径是只 http://www..com/xx/01/xx.gif
或者 /xx/01/xx.gif 这种叫做绝对路径,从站点目录开始的算起

楼主说的../ 是上一级春如答,或者父路径的意思。。。

建议,网络一下 相对路径 绝对路径 看看概念。。。

——————————————————————————————
就用绝对路径吧,绝对路径就是根据站点橡差目录为根目录的。如果还有疑问,在线咨询吧。。

Ⅶ dedecms 怎样把css绝对路径改为相对路径

织梦cms默认的CSS路径为:/templets/default/css或images或js

而{dede:global.cfg_templets_skin/}同等与/templets/default/,默认的指向此链接路径;

{dede:global.cfg_templets_skin/}的作用是调用默认模版专的目录,当你的属CSS文件存放于默认模版指向的路径时,才可以实现,并不是说你的css调用方式非得如此;

CSS文件夹在根目录下,此时不能用{dede:global.cfg_templets_skin/}来作为相对路径,而是/css/

Ⅷ CSS中相对路径的问题!

相对路径分为两种:
一、根相对路径:以“/”开头,表示从项目的根目录开始,如专项目根目录下属images图片目录中的1.jpg可以表示为url("/images/1.jpg");
二、文档相对路径:以当前文件为参照,每下一级以“/”开头,紧跟着目录名,最后为文件名,上一级则用“../”。

Ⅸ thinkPHP中css,js文件中路径问题

apache 默认支持pathinfo模式没什么问题
如果是用nginx服务器的话 默认是不支持pathinfo模式的。就会出版现变量引入错权误的问题
解决的方法
location ~ \.php { #去掉$
root H:/PHPServer/WWW;
fastcgi_pass 127.0.0.1:9000;
fastcgi_index index.php;
fastcgi_split_path_info ^(.+\.php)(.*)$; #增加这一句
fastcgi_param PATH_INFO $fastcgi_path_info; #增加这一句
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
include fastcgi_params;
}

Ⅹ css用相对路径为什么找不到

相对路径和绝对路径,../表示返回上一级,因为css文件在css文件夹里,图片在images文件夹下,那么layout.css就需要返回上一级找到images文件夹才能找到相应的图片。直接文件夹名或是./开头表示和当前平级,因为index.html和images文件夹平级。不管是带../还是不带,这种写法都叫相对路径;另一种叫相对于根目录路径,它的写法必须以/开始,意思是从根目录开始一级一级向下查找,不管在哪里,要使用pic4.gif这个图片,路径都必须是/images/pic4.gif;还有一种写法叫绝对路径,是以http://加域名开始的,这个不多多说了。

使用相对路径时,当根目录放到一个二级目录下时,文件仍然可以正常访问,而使用相对于根目录路径时,其中一个页面放到其它位置时,照样能关联么相关的图片和其它文件,比如:本例如果用相对于根目录路径的话,把index.html放到一个文件夹下后,还是可以正常访问的。总之两种方法各有优劣,根据你的需要采用一种合适的方法。相对路径和相对于根目录路径是可以相互更改的,在站点管理——编辑——高级设置的本地信息里有链接相对于,如下图,默认为文档(就是所说的相对路径),也可以改为站点根目录,相对路径一般为直接目录名,需要返回上级时用../,向上返回两级时用../../;相对于根目录路径始终以/开头,不管该文件现在在哪一级,它都是以根目录开始向下找。

阅读全文

与css文件的相对路径相关的资料

热点内容
怎么打开笔记本电脑的无线网络连接 浏览:58
苹果4刷机使用电信卡 浏览:664
有哪些好的编程老师推荐 浏览:834
qq女生头像正面长发 浏览:154
trrd数据库是什么 浏览:630
电脑上的文件在哪里弄 浏览:430
导信息到app为什么要u盘 浏览:488
js限制输入字数 浏览:776
protel99se详细教程 浏览:631
数据链路层按什么传输 浏览:235
网络借贷存在哪些主要模式 浏览:205
郑州孩子去哪里学编程 浏览:477
郑州网络技术有限公司怎么样 浏览:331
浏览器清理工具 浏览:723
网络适配器电源管理 浏览:261
c盘系统文件损坏win10 浏览:364
速达h5账号密码 浏览:345
哪个网站有微博数据 浏览:47
易观大数据官网怎么用 浏览:347
uibot怎么设置编程语言 浏览:610

友情链接