通过css：after属性不可见的图像

Question

当我通过css：after属性显示时，存储在PC中的图像不可见，但是当我通过外部链接显示图像时，该图像是可见的

无法解决问题 如果有人可以帮助，那就太好了

谢谢

.user-down-arrow::after {
    content: "";
    width: 30px;
    height: 30px;
    background: url('file:///C:/Users/Vidur/Desktop/html%20assignment/images/angle-arrow-down.svg');
    top: 10px;
    right: 5px;
    position: absolute;
}

Answer 1

似乎您只能提供本地图像名称，前提是它位于同一文件夹中。

背景图片：url（“ img1.png”）

Answer 2

尝试使用类似./images/angle-arrow-down.svg

的路径