假设页面地址：http://example.com/beta/test
<link rel="stylesheet" href="./index.css">
<script src="/index.js"></script>
//css
body{
background: red;
background-image: url('./2.png');
}
div{
width: 200px;
height: 200px;
background-color: yellow;
background-image: url('/3.png');
}
1、不管任何地方(如html中js引用、link引用、图片引用)，使用绝对路径时，如/xxx/xxx都是相对于域名路径，即http://example.com/
2、css中的url相对路径，是相对于css文件而言的。
在上面的例子中，css文件的路径为http://example.com/beta/index.css
所以在css内部的url路径./2.png是相对于上面css的路径，即url的实际路径为http://example.com/beta/2.png
参考资源：https://stackoverflow.com/questions/5815452/how-to-use-relative-absolute-paths-in-css-urls
