title: how to make a div transparent without affecting the child in CSS 3?
body: <p>how to make a div transparent without affecting the child in CSS 3</p>
  
  <p>here's my HTML code:</p>
  
  <p></p>
  
  <pre><code>&lt;div id="icon"&gt;
     &lt;ul&gt;
        &lt;li&gt;&lt;a href=""&gt;&lt;img src="Iconpaper.png"&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=""&gt;&lt;img src="Movies.png"&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=""&gt;&lt;img src="Phone.png"&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=""&gt;&lt;img src="Stocks.png"&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=""&gt;&lt;img src="Love.png"&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div id="search"&gt;
      SEARCH
  &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>and here's the CSS:-</p>
  
  <pre><code>#header{
     background-color:#000;
     width:1349px;
     height:60px;
     position:fixed;
     z-index:2;
     opacity:0.7;
     }
  #icon{
     float:left;
     padding:10px;
     }
  li{
     display:inline;
    }
  #header img{
     width:35px;
     height:35px;
    }
  #search{
     float:right;
     color:#e5e5e5;
     padding:20px;
     font-size:20px;
    }
  </code></pre>
  
  <p>so, I want to make the #header div tranparent and fixed without affecting the #icon and #search div.</p>