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

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

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

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

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

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

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

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

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

.test {width: 200pxheight: 200px}

.tstop {background: redopacity: 0.6}

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

可以实际体验一下。

css中有一个opacity属性，可以设置透明度

如下例子，其中div透明度为60%

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

.div1{width: 200pxheight: 200pxopacity: 0.6background: red}

</style>

</head>

<body>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

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