title: How to set background color to transparent?
body: <p>I want to set the <code>background-color</code> of my header to transparent, but when I use <code>background-color: transparent</code> nothing happens.</p>
  
  <p>When I use <code>background-color:rgba(255,0,0,0.5)</code>, I get <code>(255,127,127)</code> in every browser.</p>
  
  <p><a href="http://i.stack.imgur.com/chPbw.jpg" rel="nofollow">Snapshot</a></p>
  
  <p>How can I set the <code>background-color</code> to transparent?</p>
  
  <p>Okay I think this could help:</p>
  
  <p>In the Html its: </p>
  
  <pre><code>&lt;!-- Header --&gt;
          &lt;div id="header" class="alt"&gt;
          &lt;h1 id="logo"&gt;Christina Stephan&lt;/a&gt;&lt;/h1&gt;
              &lt;p&gt;Schauspielerin - Sängerin - Sprecherin&lt;/p&gt;
              &lt;nav id="nav"&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="index.html"&gt;Startseite&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="vita.html"&gt;Vita&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="fotos.html"&gt;Fotos&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="medien.html"&gt;Medien&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="impressum.html"&gt;Impressum&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/nav&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>So the CSS is:</p>
  
  <pre><code>#header {
      background: #fff
      border-bottom: solid 1px rgba(144, 144, 144, 0.25);
      box-shadow: 0px 0.0375em 0.125em 0px rgba(0, 0, 0, 0.05);
      color: #fff;
      cursor: default;
      height: 3.5em;
      letter-spacing: 0.11em;
      line-height: 4.6em;
      position: fixed;
      text-transform: uppercase;
      top: 0;
      width: 100%;
      z-index: 10000;
  }
  </code></pre>