title: CSS 'You have no color set [...]' Warning
body: <p>This warning should be straight forward but I cannot figure out what's going wrong.</p>
  
  <p>The exact warning message from the W3C Validator is: <code>You have no color set (or color is set to transparent) but you have set a background-color. Make sure that cascading of colors keeps the text reasonably legible.</code></p>
  
  <p>This is the css where the warning occurs:</p>
  
  <pre><code>body {
      background-image: url('./img/bg1.jpg');
      background-position: center top;
      background-repeat: no-repeat;
      color: #ffffff;
      background-color: #007e29; /* &lt;-- This is the line where the warning occurs */
  }
  </code></pre>
  
  <p>According to the W3C Docu and some google searches and it is clear that for each <code>background-color</code> there must be <code>color</code> attribute for this element. But this is what I am doing? The <code>color</code> attribute is set to white and the <code>background-color</code> to a dark green.</p>
  
  <p>So what is wrong in the CSS above?
  I am sure I am missing something here... Thanks in advance!</p>