CSS中URL路徑


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM