CSS实例：如何用CSS实现背景半透明

　　如何用CSS实现背景半透明效果?做过活动页面的同学可能会碰到要做背景半透明的效果，我们一般的做法是用两个层，一个用于放文字，另一个用于做透明背景，因为透明滤镜的效果会影响到里面的内容。不过假如你只需求在IE下实现，我们有更简单的做法：

　　HTML代码：

　　示例代码 [www.mb5u.com]

　　背景为红色(#FF0000)，透明度20%.鞍山治疗牛皮癣的医院www.0412n.com

　　CSS代码：

　　示例代码 [www.mb5u.com]

　　.alpha1{

　　width:300px;

　　height:200px;

　　background-color:#FF0000;

　　filter: Alpha(Opacity=30);

　　}

　　.ap2{

　　position:relative;

　　}

　　这样基本就可以实现啦，也不用担心定位和自适应问题，最大的问题是仅IE支持。

　　假如兼容FF、OP怎么写呢?首先，上面这种定法是不行的啦，那就只能用两个层重叠的方法啦。

　　改下页面结构与CSS样式：

　　HTML代码：

　　示例代码 [www.mb5u.com]

　　背景为红色(#FF0000)，透明度20%。

　　CSS代码：

　　示例代码 [www.mb5u.com]

　　.alpha1,.alpha2{

　　width:100%;

　　height:auto;

　　min-height:250px;/* 必需 */

　　_height:250px;/* 必需 */

　　overflow:hidden;

　　background-color:#FF0000;/* 背景色 */

　　}

　　.alpha1{

　　filter:alpha(opacity=20); /* IE 透明度20% */

　　}                       鞍山治疗银屑病的医院www.0412n.com

　　.alpha2{

　　background-color:#FFFFFF;

　　-moz-opacity:0.8; /* Moz FF 透明度20%*/

　　opacity: 0.8; /* 支持CSS3的浏览器(FF 1.5也支持)透明度20%*/

　　}

　　.ap2{

　　position:absolute;

　　}