項(xiàng)目中，為a標(biāo)簽添加背景，老是沒效果?（VS2013中相關(guān)文件的位置：CSS文件位于/Content中，圖片位于/images中）

為a標(biāo)簽添加背景的CSS代碼為：background: ?url(images/sort.png) no-repeat 0 3px;

一直沒有效果，后來才發(fā)現(xiàn)是絕對路徑，相對路徑搞錯(cuò)了。url(images/sort.png)表示的是當(dāng)前文件夾下的images文件夾下的sort.png圖片，因?yàn)镃SS文件位于/Content文件夾，所以系統(tǒng)就去/Content/images下尋找sort.png圖片，而此時(shí)圖片位于/images中，當(dāng)然就找不到了。

修復(fù)方法：

1. 絕對路徑:?url(/images/sort.png) ?表示到根目錄下尋找images文件夾里面的sort.png圖片

2. 相對路徑：url(../images/sort.png) ?表示從當(dāng)前目錄返回到上一層目錄，即/目錄，然后再查找/目錄下的images目錄里面的sort.png圖片

?

以下是百度的內(nèi)容：

"." 代表當(dāng)前所在目錄，相對路徑。如:<a href="./abc">文本</a>或<img src="./abc" />； ".." 代表上一層目錄，相對路徑。如:<a href="../abc">文本</a>或<img src="../abc"/>； "../../" 代表的是上一層目錄的上一層目錄，相對路徑。 如:<img src="../../abc" />； "/" 代表根目錄,絕對路徑。

轉(zhuǎn)自：https://www.cnblogs.com/princeding/p/4395784.html

總結(jié)

以上是生活随笔為你收集整理的CSS中URL路径的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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