title: CSS: opacity only background, not the text inside
body: <p>I have this registration form box, and i really like how the background gets opacity, transparent with 25% (85), but then i notice that the text and the form elements also gets darkened alittle and such, so i wonder how to do this only with the border and background and not with the stuff inside the box?</p>
  
  <pre><code>#regForm {
  z-index:11;
  position: absolute;
  top: 120px;
  left: 500px;
  background: #000;
  color: #FFF;
  width: 500px;
  height: 240px;
  border: 6px solid #18110c;
  text-align: center;
  margin: 40px;
  padding: 1px;
    opacity: 0.85;
    -moz-opacity: 0.85; /* older Gecko-based browsers */
    filter:alpha(opacity=85); /* For IE6&amp;7 */
  
  }
  </code></pre>