向母版页添加图像.基础url的变化取决于内容页面的内容

Question

我有一个显示图片的主页

<img src="../Images/footer_faq.png" alt="faq" />
<img src="../Images/footer_feedback.png" alt="feedback" />

这对我的大多数页面都有效，但是如果我导航到文件夹内的页面，图像就不再工作了。/images/

之前添加文件夹名称

Exampe:

www.mysite.com/Images/footer_faq.png——works

当我导航

www.mysite.com/Public/Images/footer_faq.png——不工作

防止这种情况发生的最好方法是什么，这样无论我导航到哪个内容页面，我在母版页上的图像都将显示

Answer 1

假设您有这样一棵树，DocumentRoot为/

 - /
  - Public/
    -Images/
      - ...
  - Pages/
    - ...
  - index.html

假设index.html是你的主页

现在，假设我们在index.html

• Images的相对路径为Public/Images/
到Images的绝对路径将是/Public/Images/

现在，假设我们在Pages/about.html

• Images的相对路径为../Public/Images/
到Images的绝对路径为/Public/Images/

可以看到，绝对路径不会随着页面的变化而改变。

这将导致您的<img标记变成;

<img src="/Images/footer_faq.png" alt="faq" />
<img src="/Images/footer_feedback.png" alt="feedback" />

将它们更改为文档树的设计方式