項目中,為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" />;
"/" 代表根目錄,絕對路徑。