添加斜线网址移动菜单和标志下方的盒子翻过来之后

Question

我使用笨

我的产品页面上显示了所有我们拥有的，然后用户就可以在这里给每一个点击，以获取有关特定产品的详细信息的产品。所以，我已经宣布的产品作为类和PRODUCT_NAME作为产品类中的一个功能 - 这样我就可以获得url www.company.com/products/product_name

当我去 www.company.com/products 一切都很好，但如果我添加斜线，这样它看起来像 www.company.com/products/ 我的标志和菜单下面的窗口移到它隐藏两个标志和菜单。同样的情况，当我去 www.company.com/products/product_name 。

我怎样才能确保当我添加尾随斜线或当我去PRODUCT_NAME页面下面的窗口不会隐藏。

任何帮助，将不胜感激。

Answer 1

的问题是，您所指定为您的图像相对路径。你需要让他们绝对的，或相对于当前位置，至少。也就是说，如果从改变你的图像路径：

<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，您的基本网址http://www.obsia.com。

要浏览器然后images/obsia.png呈现为http://www.obsia.com/image/obsia.png，你的服务器解释为wwwroot/images/obsia.png和相对链路作品。

不过，如果你这样做http://www.obsia.com/products/您的基本网址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 --resulting在破碎的形象。

您可以看到这一点，如果你使用Firebug的.Net面板。为您的标志返回请求：

GET obsia.png
http://www.obsia.com/products/images/obsia.png

404 Not Found

obsia.com

539 B