CSS - 实现背景透明，文字不透明

项目中遇到文字随背景变透明的情况，跟GUI要求的不一致，在网上找到了css的解决方法。

CSS代码

.waps{
    background:url(07158.bmp) 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;
    background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
    filter:Alpha(opacity=80);/*实现IE背景透明*/
    background:#fff;
}
.con p{
    position:relative;/*实现IE文字不透明*/
}

HTML代码

<body>
<div class="waps">
   <div class="con">
     <p>CSS实现背景透明，文字不透明（各浏览器兼容）CSS实现背景透明
    </p>
   </div>
</div>
</body>

当前页面是本站的「Google AMP」版。查看和发表评论请点击：完整版 »