title: Can we still use background-image and background-color together?
body: <p>I'm expecting this to be a silly mistake on my part, but I'm tearing my hair out with this one.</p>
  
  <p>I cannot manage to set a background image and overlay a color to a div. I have the following CSS class:</p>
  
  <pre><code>.blue-pattern {
    background-color: #4099FF;
    background-image: url('/wp-content/themes/bones/library/images/backgrounds/pattern-bw.jpg');
    background-position: top left;
    background-repeat: repeat repeat;
  }
  </code></pre>
  
  <p>Which is being added to a <code>div</code> like this</p>
  
  <pre><code>&lt;div class="blue-pattern pad--tiny"&gt;
      &lt;p class="text--white"&gt;Blah blah blah, text and stuff&lt;/p&gt;                                   
  &lt;/div&gt;
  </code></pre>
  
  <p>But the color is not showing through. If I hide the <code>background-image</code> in dev tools then I see a solid blue background. But I can't get it to show over the <code>background-image</code></p>