CSS通过rgba方式设置背景颜色透明 文字不透明

所谓RGBA颜色,就是RGB三原色加ALPHA。在给背景添加颜色的同时,提供透明度特性。

用法:background:rgba(R,G, B, A);

下面我们就来看通过rgba方式设置背景颜色透明度的具体实例:

<div class="title_div">背景颜色透明,文字不透明</div> 
.title_div{ 

  width: 200px;

        height: 200px; 

        line-height: 30px;

        text-align: center;

         margin:0 auto;

         background-color:rgba(220,38,38,0.2);

}

说明:通过rgba方式设置背景颜色透明度,可以设置背景颜色透明而文字不透明,但是这种方法的兼容性不好,不兼容ie浏览器