建站学院（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)提示：可修改部分代码后运行！