利用RGB颜色值的Alpha透明属性。
下面代码已经测试并附加说明，建议用Chrome火IE9以上浏览器预览。
投影
.box {
width: 200px;/*宽度*/
height: 100px;/*高度*/
border: 1px solid pink;/*1像素粉红边衫丛框*/
box-shadow: 0 2px 卜吵4px 8px rgba(0, 0, 0, 0.2); /*垂直位置 水平位置 模糊或清晰度 宽度范围 RGB颜色值，透明度*/
-moz-box-shadow: 0 2px 4px 8px rgba(0, 0, 0, 0.2); /*兼容或弊樱FF*/
-webkit-box-shadow: 0 2px 4px 8px rgba(0, 0, 0, 0.2); /*兼容Chrome、Safari、Opera12◆*/
}
css rgba()设置颜色透明度
RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（兄庆滚不透明差颤度）三个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展，带有一个 alpha 通道 - 它规定了对象的不透明度。
rgba（)里的值的介绍：
R：红色值。正整数 （0~255）
G：绿色值。正整数 （0~255）
B：蓝色值。正整数（0~255）
A：透明度。取值0~1之间
rgba()只是单纯的可以设置颜色透明度，这样在页面的布局中有很多应用。比如说：让背景出现羡余透明效果，但上面的文字不透明。
opacity:50
opicaty:50;// 0-100为透明值 100为友亏袜不透明
不过，ie8及以下不识别，空裤
所以好激要针对它们再写一句
filter:alpha(opacity=50);
滤镜：Alpha语法：STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，FinishX=finishX，尺掘谈FinishY=finishY)" 说明：Opacity：起始值，取值为0～100, 0为透明，100为原图。散纤FinishOpacity：目标值。Style：1或2或3StartX：任意值StartY：任陵碰意值例子：filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")
没看见仔激图衫备，透明度的话ie下用filter:alpha(opacity=50);范围0到100，非念塌袜ie下用opacity:0.5,范围0到1，数值根据你的需要调
透明度的话ie下用埋迅filter:alpha(opacity=50);范围弯缺此0到100，非ie下用扮桥opacity:0.5,范围0到1