CSS教程：笔墨半透明结果的实现要领

发布时间：2018-08-19 00:48:20 所属栏目：创业来源：站长网

导读：猛火建站学院（LieHuo.Net）CSS文档怎样用CSS实现配景半透明结果？做度日动页面的同窗也许会碰着要做配景半透明的结果，我们一样平常的做法是用两个层，一个用于放笔墨，另一个用于做透明配景，由于透明滤镜的结果会影响到内里的内容。不外假如你只需求在IE下

　猛火建站学院（LieHuo.Net）CSS文档怎样用CSS实现配景半透明结果？做度日动页面的同窗也许会碰着要做配景半透明的结果，我们一样平常的做法是用两个层，一个用于放笔墨，另一个用于做透明配景，由于透明滤镜的结果会影响到内里的内容。不外假如你只需求在IE下实现，我们有更简朴的做法：

　我们看一下结果演示，请点击运行代码：

<html> <head> <title>猛火建站学院 www.veryhuo.com</title> <style> .alpha1,.alpha2{ width:100%; height:auto; min-height:250px;/* 必须 */ _height:250px;/* 必须 */ overflow:hidden; background-color:#FF0000;/* 配景致 */ } .alpha1{ filter:alpha(opacity=20); /* IE 透明度20% */ } .alpha2{ background-color:#FFFFFF; -moz-opacity:0.8; /* Moz + FF 透明度20%*/ opacity: 0.8; /* 支持CSS3的赏识器（FF 1.5也支持）透明度20%*/ } .ap2{ position:absolute; } </style> </head> <body> <div class="alpha1"> <div class="ap2"> <p>猛火建站学院 www.veryhuo.com 配景为赤色(#FF0000)，透明度20%。</p> </div> <div class="alpha2"></div> </div> </body> </html>
猛火建站学院(liehuo.net)提醒：可修改部门代码后运行！

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

首富马斯克谈成功？他	从先行者到制定者，轻
中国互联网的新一轮机	马斯克想辞职做专业网