CSS中可以使用background屬性來設置背景圖片,但是需要注意的是,圖片路徑的訪問方式有多種。以下是常見的幾種方式:
/* 絕對路徑 */ div { background-image: url("http://example.com/images/bg.jpg"); } /* 相對路徑 */ div { background-image: url("../images/bg.jpg"); } /* 基于根目錄的相對路徑 */ div { background-image: url("/images/bg.jpg"); }
第一種方式是通過絕對路徑來訪問圖片,這樣可以確保圖片總是能夠被加載。但是,這種方式需要指定完整的路徑,如果站點遷移或更改了文件夾名字,可能會導致圖片無法被加載。
相對路徑是更常見的方式,可以使用 "../" 表示返回上級文件夾,也可以使用 "./" 或省略路徑表示當前文件夾。這種方式相對靈活,但是如果樣式文件和圖片文件不在同一目錄下,需要指定相對路徑,如果樣式文件被引用的網頁發生位置改變,也需要對相對路徑進行調整。
最后,我們可以使用基于根目錄的相對路徑,即以 "/" 開頭的路徑,這樣可以避免在不同目錄下產生路徑的混亂。但是需要注意的是,訪問文件的服務器必須與文件所在的服務器同一臺服務器,并且服務器不支持以根目錄為基礎的相對路徑的話,這種方法也無法使用。