opacity/rgba()设置透明度问题

设置opacity元素的所有后代元素会随着一起具有透明性，一般用于调整图片或者模块的整体不透明度。其中文字也会出现透明度，一般通过将文字放置在一个单独<div>中，在通过绝对定位来控制位置：

div{    opacity:0.3;    -moz-opacity:0.3;    filter:alpha(opacity=30);    background:#000;    width:500px;    height:500px;    color:#F30; }

通过rgba()来设置背景透明度解决这一问题

 div{     //实现FF背景透明，文字不透明(非IE识别)     background:rgba(0,0,0,0.2) none repeat scroll !important;      //实现IE背景透明    background:#000;     filter:Alpha(opacity=20);    width:500px;     color:#F30; }div p{ position:relative;}实现IE文字不透明

火狐我们直接用rgba颜色就可以解决子标签跟着半透明的问题了，但是ie还不是能很好的支持。
所以我们给不想被透明的标签设置一个定位属性，问题接能解决了。