透明》文字不透明

在css中设置背景颜色透明的方法有两种：一种是通过rgba方式设置，另一种是通过backgroud和opacity设置。

下面我们就来分别看看css中这两种方法实现背景颜色透明的具体实例

       通过backgroud和opacity设置背景颜色透明

opacity属性参数的＂不透明度＂是以数字表示，从 0.0 至 1.0 都可以，完全透明是 0.0。

       数字越大代表元素越不透明。参数除了可以使用＂不透明度＂之外，还有 inherit

继承览器支援度较差，不建议使用。父层属性，不过浏

1.backgroud设置背景颜色透明度的具体实例

代码如下：

width:200px;

height:200px;

margin:0 auto;

border:1px solid #ccc;

background:green;

opacity:0.2;

}

背景颜色透明效果如下：

2.rgba方式设置背景颜色透明度的具体实例：

注：rgba不兼容ie浏览器.

背景颜色透明

.title_div{

width: 200px;

height: 200px;

line-height: 30px;

text-align: center;

margin:0 auto;

background-color:rgba(0, 170, 0, 0.2);

}

rgba方式设置背景颜色透明度后效果如下：