假设页面地址：http://example.com/beta/test

<link rel="stylesheet" href="./index.css">
<script src="/index.js"></script>
![](../1.png)

//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