Как я могу установить непрозрачность div, а не текст?

Question

Я хочу использовать непрозрачность только для div не по тексту. я использую некоторый код для непрозрачности div, но он также показывает мне непрозрачность текста. Я не хочу показывать прозрачность текста. мой код здесь.

.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; 
    } 


    <div class="opabenner"> 
     <h1 class="tit">Step inside love in 2014 and join today for FREE!</h1> 
    </div> 

Answer 1

Использование RGBA цвета для контейнера

p{ 
    color: red; 
} 

#transparent{ 
    background-color: rgba(0, 0, 0, .1); /* 0.1 alpha = 10% opacity */ 
} 

Preview: http://jsfiddle.net/EfDZC/

Answer 2

использование background: rgba(0,0,0,.5); удалить opacity: 0.6;

Sample Demo