方法一

使用background和opacity

.box{
   width:100px;
   height:100px;
   background:red;
   opacity:0.5;
}

该方法设置的透明会作用于盒子中的所有元素。

方法二

在背景属性中直接使用rgba方式设置背景透明。

.box{
 width:100px;
 height:100px;
 background:rgba(255,255,255,0.5);
}

该方法设置的透明度只作用于背景。