怎么让div透明，上面的文字不透明？

设置div透明度的时候可能会遇到这样一个问题，那就是对象中的文字也被产生了透明现象，也不能说事缺陷，也可能有时候需要这样的效果。这里就介绍一下如何将对象设置为透明效果，但是文字不透。

rgba(),css3里才有的，所有只有支持css3的浏览器才支持，a是指透明度，取值0.0-1。

如果用opacity就感觉文字也透明了。影响外观,阅读。

还有一种兼容的方法，主要兼容不支持使用rgba()格式值的浏览器。

DIV本身就是块级元素，不需要设置。

如果想要行内元素变成块级元素：display:block

如果想要块级元素变成行内元素：dispaly:inline。

在IE中需要通过"filter"来定义透明度"opacity"，而在Mozilla中是可以直接解析"opacity",所以如果要使得这个效果在两种浏览器中都得到支持，需要把两种设定都加进去。

用下面的样式表定义你的div可以有各种过度效果。.alpha是div的class

.alpha { filter: alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100｝

解释：

Opacity=开始的不透明度(100的话就不透明了)

FinishOpacity=结束的不透明度(100的话就不透明了)

Style=样式，从0开始，1.2.3....有均匀透明，放射形状透明... 

StartX=开始透明的X坐标，基本上为图片、层的左上角（0）

StartY= 开始透明的Y坐标，基本上也为图片、层的左上角（0）

FinishX=结束透明的X坐标，基本上也图片、层的右下（图片、层的宽度）

FinishY=结束透明的Y坐标，基本上也为图片、层的右下角（图片、层的高度）