首頁  >  文章  >  web前端  >  當我的 CSS 檔案和圖像位於不同的目錄中時,如何​​在 CSS 中正確指定背景圖像路徑?

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

Susan Sarandon
Susan Sarandon原創
2024-11-12 10:01:02655瀏覽

How do I correctly specify a background image path in CSS when my CSS file and image are in different directories?

在 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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn