HTML导入相对路径

时间:2015-06-26 11:47:29

标签: html import path relative

我正在写一个Web组件。因此,我有一个index.html,我在其中导入Web组件:

<link rel="import" href="components/test.html">

如您所见,我在相对于index.html的特定文件夹中有该组件。现在,当我想从组件文件夹中的test.html访问ressource时。我想这样做:

background-image: url("test.gif");

表示css或:

 <img src="test.gif">

但它不起作用。它只适用于我将图像的路径相对于index.html更改为:

<img src="components/test.gif">

我知道你可以做document.currentScript.baseURI之类的技巧,但我想写简单的CSS和HTML。有没有简单的方法呢?

1 个答案:

答案 0 :(得分:1)

您可能需要查看how the Polymer guys do it。代码位于src/standard/resolveUrl.htmlsnapshot)和src/lib/resolve-url.htmlsnapshot)。

它不太漂亮。仅从这一点来看,我推断在写这篇文章的时候,你的问题的答案似乎是“不”,这并不容易,如果不使用技巧就没有办法做到这一点&#34;。 / p>