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

 

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

 

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

 

　　background属性中属性值比较简单，这里就不细说了，大家可以参考css学习手册来了解一下，我们在这里来简单看看opacity属性

 

　　opacity属性参数的＂不透明度＂是以数字表示，从0.0至1.0都可以，完全透明是0.0，完全不透明是1.0，换句话说，数字越大代表元素越不透明。参数除了可以使用＂不透明度＂之外，还有inherit继承父层属性，不过浏览器支援度较差，不建议使用。

 

　　看完了对于两种属性的介绍，下面我们就来看通过backgroud和opacity设置背景颜色透明度的具体实例

 

　　代码如下：

 

　　<divclass="box"></div>

 

　　.box{

 

　　width:300px;

 

　　height:200px;

 

　　margin:0auto;

 

　　border:1pxsolid#ccc;

 

　　background:red;

 

　　opacity:0.2;

 

　　}






本文转载自中文网