利用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◆*/
}
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
有两种：
1、background:#000; opacity:0.5;这个方法是给盒子背景颜念态色透明，但盒子里面有内拆蚂容的话，连内容也会透明，就是说子元素会继承上一级的属性
2.background:rgba(0,0,0,0.5);这个只针对背景颜色，子元素不会继承上一级的旅高埋属性