princeding

项目中,为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" />;
"/" 代表根目录,绝对路径。

 

分类:

技术点:

相关文章:

  • 2021-11-08
  • 2021-11-28
  • 2021-12-06
  • 2021-11-27
  • 2021-08-18
  • 2021-09-07
  • 2022-01-01
  • 2021-06-06
猜你喜欢
  • 2021-11-27
  • 2021-07-26
  • 2021-04-16
  • 2022-01-04
  • 2021-11-29
  • 2021-10-16
  • 2021-11-20
相关资源
相似解决方案