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

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

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

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

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

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

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

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

opacity和rgba都是设置透明度的，区别在于opacity是整体的透明度，标签本身及标签内容还有标签的子元素都会受到影响。rgba仅仅是改变元素的添加背景色，内容及子元素不受影响。

<div class="test tstop">233</div>

<div class="test tstrgba">666</div>

.test {width: 200pxheight: 200px}

.tstop {background: redopacity: 0.6}

.tstrgba {background: rgba(255, 0, 0, 0.6)}

可以实际体验一下。

---