问题是您为图像指定了相对路径。您需要使它们成为绝对的,或者至少相对于当前位置。也就是说,如果您将图像路径更改为:
<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