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');

如果這是這里的問題，那么了解相對/絕對路徑可能會有所幫助。