web項(xiàng)目中經(jīng)常會(huì)用到background-image:url()，很多小伙伴不知道該怎么寫需要的圖片路徑。 在此之前先要知道幾個(gè)重要的東東：

• /??項(xiàng)目根目錄?????????這個(gè)不用多說，就是程序最上層的目錄

• ./??當(dāng)前目錄????????????當(dāng)前文件所在的目錄

• ../??父級(jí)目錄???????????當(dāng)前文件的父目錄

假設(shè)有項(xiàng)目結(jié)構(gòu)路徑如下： 在style.css文件中為某個(gè)html元素設(shè)置background-image，所使用的圖片為shadow_light.png，那么怎么設(shè)置路徑呢？ 那么可以這樣設(shè)定圖片路徑：

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

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

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

轉(zhuǎn)載于:https://www.cnblogs.com/wangyihome/p/8810920.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。