項目中，為a標簽添加背景，老是沒效果?（VS2013中相關文件的位置：CSS文件位于/Content中，圖片位于/images中）

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

一直沒有效果，后來才發現是絕對路徑，相對路徑搞錯了。url(images/sort.png)表示的是當前文件夾下的images文件夾下的sort.png圖片，因為CSS文件位于/Content文件夾，所以系統就去/Content/images下尋找sort.png圖片，而此時圖片位于/images中，當然就找不到了。

修復方法：

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

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

?

以下是百度的內容：

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

轉自：https://www.cnblogs.com/princeding/p/4395784.html

總結

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

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