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。

轉載于:https://www.cnblogs.com/wangyihome/p/8810920.html

總結

以上是生活随笔為你收集整理的css中background-image背景图片路径设置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。