title: Angular 4+ background css reference URL image path
body: <p>I am forever plagued by trying to reference an image from across my application.
  The directory structure is:</p>
  
  <blockquote>
    <p>src/app/assets/images/splashImage.png</p>
  </blockquote>
  
  <p>In this trivial case, I'm trying to reference it from:</p>
  
  <blockquote>
    <p>src/app/app.component.html</p>
  </blockquote>
  
  <p><strong>The first line of the html:</strong></p>
  
  <pre><code>&lt;div class="splashContainer"&gt;
  </code></pre>
  
  <p><strong>The css file:</strong></p>
  
  <pre><code>.splashContainer {
  background: url("../../assets/images/splashImage.png") no-repeat center center fixed;
  </code></pre>
  
  <p>The build diagnostic says it can't find the file at --> the URL path from above.</p>
  
  <p>My rule that obviously is wrong is to count up starting at the folder housing the html.  app is 1 and src is 2, which gets me above the assets folder.  Thus the two ../ parts.</p>
  
  <p>What am I doing wrong?</p>
  
  <p>Thanks in advance.
  Yogi</p>