css中background-image背景圖片路徑設置

web項目中經常會用到background-image:url()，很多小伙伴不知道該怎么寫需要的圖片路徑。

在此之前先要知道幾個重要的東東：

• /  項目根目錄         這個不用多說，就是程序最上層的目錄

• ./  當前目錄            當前文件所在的目錄

• ../  父級目錄           當前文件的父目錄

假設有項目結構路徑如下：

在style.css文件中為某個html元素設置background-image，所使用的圖片為shadow_light.png，那么怎么設置路徑呢？

那么可以這樣設定圖片路徑：

• style.css文件所在的目錄（即當前目錄）下的image文件夾中的shadow_light.png圖片，也就是./image/shadow_light.png。

• style.css文件的父級目錄（style.css所在的目錄是Content，所以它的父級目錄就是Content所在的目錄）下的Content文件夾中的image文件夾中的圖片shadow_light.png，也就是../Content/image/shadow_light.png。

• 根目錄下的Content文件夾中的image文件夾中的圖片shadow_light.png，也就是/Content/image/shadow_light.png。