title: how can i set div opacity only not text?
body: <p>I want to use opacity only for div not on the text. i use some code for div opacity but it show me text opacity also. i do not want to show the text opacity. my code is here.</p>
  
  <pre><code>.opabenner {
  width:569px;
  height:100px;
  float:left;
  position:absolute;
  background:#06F;
  top:587px;
  filter:alpha(opacity=60); /* IE */
     -moz-opacity:0.6; /* Mozilla */
     opacity: 0.6; /* CSS3 */
  z-index:9999;
    }
   .tit {
  position: absolute;
  font-size: 20px;
  color: #FFF;
  text-align: center;
  padding: 5px;
  width: 580px;
    }
  
  
    &lt;div class="opabenner"&gt; 
           &lt;h1 class="tit"&gt;Step inside love in 2014 and join today for FREE!&lt;/h1&gt;
      &lt;/div&gt;
  </code></pre>