我怎樣才能設置div不透明只有文本？

Question

我想僅對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 */ 
} 

前瞻：http://jsfiddle.net/EfDZC/

Answer 2

使用background: rgba(0,0,0,.5);刪除opacity: 0.6;

Sample Demo