Visual Studio - 背景图像问题

Question

我尝试用背景图像做一个动画 div，经过一些尝试后，“url(../pic1.jpg);” 部分没有给出图片女巫被添加到项目中。 在 VS Code 上它工作正常，并且在我将任何 URL 放入例如来自谷歌的图片之后它也可以工作。 怎么了？

代码在这里：

<style>
    .huge-ball {
        position: absolute;
        height: 300px;
        width: 300px;
        border-radius: 100%;
        z-index: 5;
    }

    .left-bottom {
        left: -60px;
        bottom: -60px;
        background-image: url('../pic1.jpg');
    }

    .right-bottom {
        right: -60px;
        bottom: -60px;
    }

</style>

<div>
    <div>
        <div class="left-bottom huge-ball">

        </div>
        <div class="right-bottom huge-ball">

        </div>
    </div>
</div>

Answer 1

background-image: url('../pic1.jpg');

根据图像相对于已编译样式表的位置，url() 位中的路径将需要更改。 如果图像与样式表位于同一文件夹中，则样式将如下所示。

background-image: url('pic1.jpg');

如果这是这里的问题，那么了解相对/绝对路径可能会有所帮助。