當我的 CSS 檔案和圖像位於不同的目錄中時，如何​​在 CSS 中正確指定背景圖像路徑？

在 CSS 中指定背景圖片路徑

在 CSS 中，設定背景圖片需要提供檔案的路徑。以下查詢旨在解決在給定專案組織結構的情況下找到映像的正確路徑的問題。

問題：
使用者的CSS 檔案位於Project/ Web/Support/Styles/file.css，而他們打算使用的圖片位於Project/Web/images/image.png 。他們嘗試了多種方法來設定background-image屬性，但都沒有得到想要的結果。

解：
要在CSS中正確指定圖片的路徑，相對必須考慮 CSS 檔案的路徑。在本例中，CSS 檔案位於影像目錄上方的兩個資料夾中。因此，路徑中需要兩個 ../（父目錄）前綴：

background-image: url('../../images/image.png');

透過遍歷兩個目錄，CSS 檔案在專案結構中正確定位影像。

以上是當我的 CSS 檔案和圖像位於不同的目錄中時，如何​​在 CSS 中正確指定背景圖像路徑？的詳細內容。更多資訊請關注PHP中文網其他相關文章！