CSS教程:文字半透明效果的实现方法
来源:程序员人生 发布时间:2013-11-19 02:00:58 阅读次数:3269次
建站学院(LieHuo.Net)CSS文档 如何用CSS实现背景半透明效果?做过活动页面的同学可能会遇到要做背景半透明的效果,我们一般的做法是用两个层,一个用于放文字,另一个用于做透明背景,因为透明滤镜的效果会影响到里面的内容。不过如果你只需求在IE下实现,我们有更简单的做法:
以下为引用的内容: <html> <head> <title>建站学院 www.wfuyu.com</title> <style> .alpha1{ width:300px; height:200px; background-color:#FF0000; filter: Alpha(Opacity=30); } .ap2{ position:relative; } </style> </head> <body> <div class="alpha1"> <div class="ap2"> <p>建站学院 www.wfuyu.com 背景为红色(#FF0000),透明度20%。</p> </div> </div> </body> </html> |
我们看一下效果演示,请点击运行代码:
建站学院(liehuo.net)提示:可修改部分代码后运行!
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠