问题是您为图像指定了相对路径。您需要使它们成为绝对的,或者至少相对于当前位置。也就是说,如果您将图像路径更改为:
<img src="images/obsia.png">
到
<img src="/images/obsia.png">
or
<img src="http://www.obsia.com/images/obsia.png">
你的问题将得到解决。
发生这种情况的原因是图像的路径由基本 URL 确定。当您位于http://www.obsia.com或http://www.obsia.com/products时,您的基本 URL 是http://www.obsia.com。
然后浏览器images/obsia.png呈现为http://www.obsia.com/image/obsia.png,您的服务器将其解释为wwwroot/images/obsia.png 并且相关链接有效。
但是,如果您这样做,http://www.obsia.com/products/您的基本 url 是http://www.obsia.com/products并且您的图像的相对路径会从 更改http://www.obsia.com/images/obsia.png为http://www.obsia.com/products/images/obsia.png。您的服务器将此解释为 ,您的服务器将其解释为wwwroot/images/products/obsia.png,这不是有效路径。服务器返回 404 -- 导致图像损坏。
如果您使用 Firebug 的 .Net 面板,您可以看到这一点。对您的徽标的请求返回:
GET obsia.png
http://www.obsia.com/products/images/obsia.png
404 Not Found
obsia.com
539 B