如何在 HTML 中引用更高目錄中的圖像？

在HTML 中引用上級目錄中的圖像

在Web 開發中，組織者通常將樣式表和圖像儲存在單獨的目錄中。若要引用樣式表中不同目錄的圖像，您需要修改路徑。以下是如何在 HTML 中的 URL 的來源路徑中上一層：

要在目錄結構中上一層，您可以使用雙點字元 (..)。此符號表示父目錄。例如，假設您將樣式表儲存在目錄“/styles”中，將圖像儲存在目錄“/images”中。若要引用位於「/styles」目錄中的樣式表中的「/images」目錄中的圖像，您可以使用以下路徑：

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

在此範例中，「..」符號路徑中的內容在目錄結構中上升一級，允許樣式表存取“/images”目錄中的指定圖像。

以上是如何在 HTML 中引用更高目錄中的圖像？的詳細內容。更多資訊請關注PHP中文網其他相關文章！