title: Override `background: transparent !important` in Twitter Bootstrap CSS
body: <p>Have an application that draws <code>div</code>s with background color as its graphics.<br>
  These divs appear fine on screen but the <code>div</code>s disappear when printing to PDF.  </p>
  
  <p>Traced the problem to Twitter Bootstrap CSS.  The divs print fine when Bootstrap CSS is not present. But don't print when it is.  See this JSFiddle:</p>
  
  <p><a href="http://jsfiddle.net/VYg9s/" rel="noreferrer">http://jsfiddle.net/VYg9s/</a></p>
  
  <p>I think the problem is this section of Twitter CSS. I <em>think</em> I need to override the <code>background: transparent !important</code> but can't for the life of me figure out how.  </p>
  
  <p>This is presumably simple.  Tried <code>background: opaque !important</code> but that didn't work, and I can't seem to find a list of allowable values for the <code>background</code> property.</p>
  
  <pre><code>@media print {
    * {
      color: #000 !important;
      text-shadow: none !important;
      background: transparent !important;
      box-shadow: none !important;
    }
  </code></pre>
  
  <p>What's the opposite of <code>background: transparent !important;</code> in CSS?</p>