title: HTML import relative path
body: <p>I'm writing a Webcomponent. Therfore I have an index.html in which I import the Webcomponent:</p>
  
  <pre><code>&lt;link rel="import" href="components/test.html"&gt;
  </code></pre>
  
  <p>As you see I have the component in a specific folder relative to the index.html. Now when I want to access a ressource from the test.html which is in the components folder. I want to do this like:</p>
  
  <pre><code>background-image: url("test.gif");
  </code></pre>
  
  <p>for css or:</p>
  
  <pre><code> &lt;img src="test.gif"&gt;
  </code></pre>
  
  <p>but it doesn't work. It only works when I change the path relative of the image to the index.html like:</p>
  
  <pre><code>&lt;img src="components/test.gif"&gt;
  </code></pre>
  
  <p>I know you can do tricks like <code>document.currentScript.baseURI</code> but I want to write plain CSS and HTML. Is there an easy way to do so?</p>