.NET应用图片显示异常：首页Logo可见，内页及虚拟路径下均不可见

这是ASP.NET开发里很常见的路径解析问题，我来帮你拆解原因和解决办法：

问题根源分析 #

1. 相对路径的坑：首页在网站根目录（/），使用assets/img/logo.png时，浏览器会解析为根目录下的资源，所以正常显示；但内页在/Employee/子目录，同样的相对路径会被浏览器解析为/Employee/assets/img/logo.png，而你的Logo实际存放在根目录的assets文件夹里，自然找不到。
2. ~/路径的误解：~/是ASP.NET的服务器端路径占位符，它代表网站的应用根目录，但只有服务器端控件或服务器解析的代码才能识别并转换它。直接写在普通HTML标签里的话，浏览器会把~/当成路径的一部分，导致生成/~/assets/...这种无效路径。

可行的解决方案 #

方案1：使用ASP.NET服务器端Image控件 #

这是最稳妥的方式，服务器会自动处理路径解析：

<asp:Image runat="server" ImageUrl="~/assets/img/logo.png" AlternateText="网站Logo" />

不管当前页面在哪个子目录，服务器都会把~/转换成正确的应用根路径，最终输出的HTML会是类似<img src="/assets/img/logo.png" alt="网站Logo" />的正确路径。

方案2：在普通HTML标签中解析路径 #

如果想保留普通的<img>标签，可以用ASP.NET的路径解析方法，让服务器帮忙转换~/：

<img src="<%= ResolveUrl("~/assets/img/logo.png") %>" alt="网站Logo" />

或者使用ResolveClientUrl，效果类似，两者都能自动适配网站部署在虚拟目录的场景。

方案3：使用绝对根路径（简单但需注意部署场景） #

直接以/开头指定路径，强制浏览器从网站根目录查找资源：

<img src="/assets/img/logo.png" alt="网站Logo" />

这个方法简单直接，但要注意：如果你的网站部署在IIS的虚拟目录下（比如网站地址是http://example.com/MyApp/），/会指向服务器的根目录而非应用根目录，这时候就会出错，所以前两种方案更通用。

总结 #

核心就是区分浏览器端相对路径和ASP.NET服务器端路径的差异，用服务器端的方式处理~/路径，就能让Logo在所有页面正常显示。

内容的提问来源于stack exchange，提问作者Muhammad Asad Jalil