RGBA颜色与兼容性的半透明背景色实例

css代码

.opacity_bg_box{
    background:rgba(0,0,0,0.5);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
    padding:8px;
    position:absolute;
    top:20px;
}
.opacity_in_box{
    border:1px solid #f0f3f9;
    background:white;
    font-size:0;
}

HTML代码

<p>据内部人士的透露，中国联通预计将在9月份推出行货版四代iPhone手机，行货版四代iPhone将内置Wi-Fi功能，同时具有Wi-Fi功能的 iPhone 3GS将替代iPhone 3G，预计售价也会相应下调。该消息人士还表示，联通iPad也已经谈妥，联通并不会绑定苹果iPad，也不提供合约计划，只是协助销售数据卡。 </p>
<div class="opacity_bg_box">
    <div class="opacity_in_box">
        <img src="http://image.zhangxinxu.com/image/study/s/s256/mm13.jpg" />
    </div>
</div>