我怎样才能设置div不透明只有文本？

我想仅对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>

来源

2014-01-29 Rubel Amin

使用RGBA颜色容器

p{ 
    color: red; 
} 

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

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

来源

2014-01-29 07:20:57

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

Sample Demo

来源

2014-01-29 07:21:01 Karuppiah

是由于它的工作。但它适用于所有的浏览器？ –

@ user3197474：我认为ie不支持... – Karuppiah

谷歌是你的朋友：http://css-tricks.com/rgba-browser-support/ –

我怎样才能设置div不透明只有文本？

回答

相关问题