很常用的功能。


首先定义Css样式:

.waps{ 
    background:url(psb.jpg) no-repeat top center fixed; 
    width:1004px; 
    text-align:center; 
    line-height:28px; 
    font-size:12px; 
    font-family:Arial, Helvetica, sans-serif;
}
.con{ 
    text-align:left; 
    width:500px; 
    height:400px; 
    margin:0px auto; 
    padding:100px 50px;
    /*实现FF背景透明,文字不透明*/
    background:rgba(255, 255, 255, 0.6) none repeat scroll 0 0 !important;
    /*实现IE背景透明,实现IE文字不透明*/
    filter:Alpha(opacity=60); 
    background:#fff;
}
.con p{ 
    position:relative;
}

使用方式:

<div class="waps">
   <div class="con">
     <p>CSS实现背景透明,文字不透明。</p>
   </div>
</div>