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

目录

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

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代码:

!!!markup
<body>
<div class="waps">
   <div class="con">
     <p>CSS实现背景透明,文字不透明(各浏览器兼容)CSS实现背景透明
    </p>
   </div>
</div>
</body>

文章最后编辑时间为:2015-11-09 17:34:34

标签: css

声明:本博客如无特殊说明皆为原创,转载请注明来源:CSS - 实现背景透明,文字不透明谢谢!

相关文章

发表评论:

icon_question.pngicon_razz.pngicon_sad.pngicon_evil.pngicon_exclaim.pngicon_smile.pngicon_redface.pngicon_biggrin.pngicon_surprised.pngicon_eek.pngicon_confused.pngicon_cool.pngicon_lol.pngicon_mad.pngicon_twisted.pngicon_rolleyes.pngicon_wink.pngicon_idea.pngicon_arrow.pngicon_neutral.pngicon_cry.pngicon_mrgreen.png