关于CSS中的相对路径和绝对路径

"." 代表当前所在目录，相对路径。如:<a href="./abc">文本</a>或<img src="./abc" />；

".." 代表上一层目录，相对路径。如:<a href="../abc">文本</a>或<img src="../abc"/>；

"../../" 代表的是上一层目录的上一层目录，相对路径。如:<img src="../../abc" />；

"/" 代表根目录,绝对路径。如：<a href="/abc">文本</a>或<img src="/abc"/>；

"D:/abc/" 代表根目录,绝对路径。

在使用相对路径时，我们用符号“.”来表示当前目录；用符号“..”来表示当前目录的父目录。

所以，这里应该是background:url(../../images/bgs/backg.png)0 -418px repeat-x;

转载于:https://my.oschina.net/liangzhenghui/blog/290718

关于CSS中的相对路径和绝对路径相关推荐

JS、CSS中的相对路径
css中url(../images/1.jpg)路径是相对于index.css的 js中url(images/1.jpg)路径是相对于index.html的,并不是相对于index.js 转载于:ht ...
html中css路径和xpath路径,6.1 HTML的简单介绍和快速获取XPath和CSS路径
Web UI 自动化其实就是在页面元素,所以在真正进入页面元素操作之前,我们先认识下我们后面会用到的一些HTML相关知识. HTML的简单介绍什么是HTML HTML(Hyper Text Mark ...
webpack中，css中打包背景图，路径报错
css-loader: //打包样式中背景图 {test: /\.(png|jpg)$/,loader: "url-loader?limit=8192&name=images/[ha ...
jsp、css中引入外部资源相对路径的问题
jsp.css中引入外部资源相对路径的问题在jsp页面中添加base,可用相对路径: <%String path = request.getContextPath();String baseP ...
webpack css中字体文件路径问题
问题: webpack直接打包vue项目无法加载按钮上的图标,查看加载发现是字体的引用路径错了好像css中的url()用的是相对路径,以css所在的路径为根目录解决办法: 修改webpack.ba ...
CSS中的相对路径与绝对路径
在学习CSS中,我们容易遇到一个极容易忽略的问题. 我们一般会创建如图所示的文件类型: 在css中我们会定义这样一个选择器 .style{background:url(/images/1.jpg);} ...
webpack如何设置html中img路径和css中背景图片路径区别开
在使用webpack过程中,打包后发现html中img路径是: <img src="img/01.jpg" alt="标题图片" /> 但是在mai ...
html中精灵图片路径,css中精灵图是什么意思？
css中精灵图是什么意思?有什么用?下面本篇文章就来给大家介绍一下CSS 精灵图.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css中精灵图是什么意思? css精灵图(sprit ...
css中的相对路径和绝对路径的问题
相对路径和绝对路径,../表示返回上一级,因为css文件在css文件夹里,图片在images文件夹下,那么layout.css就需要返回上一级找到images文件夹才能找到相应的图片.直接文件夹名或是 ...
Web开发中的相对路径和绝对路径
在学习HTML的时候一定会遇到引入文件和链接跳转页面,比如:JS文件.CSS文件.Image图片.我们就会考虑是相对路径和绝对路径的问题.下面PHP程序员雷雪松就详细讲解下Web开发中的相对路径和绝对 ...

关于CSS中的相对路径和绝对路径

关于CSS中的相对路径和绝对路径相关推荐

最新文章

热门文章