• CSS实现背景透明,文字不透明,兼容所有浏览器


    /* 只支持IE6、7、8 */
    
    @media screen\,screen9 {...}
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>背景透明,文字不透明</title>
    <style>
    *{
        padding: 0;
        margin: 0;
    }
    
    body{
      padding: 50px;
      background: url(img/bg.png) 0 0 repeat;
    }
    
    .demo{
      padding: 25px;
      background-color: rgba(0,0,0,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
    }
    .demo p{
      color: #FFFFFF;
    }
    @media screen\,screen9 {/* 只支持IE6、7、8 */
      .demo{
        background-color:#000000;
        filter:Alpha(opacity=50);
        position:static; /* IE6、7、8只能设置position:static(默认属性) ,否则会导致子元素继承Alpha值 */
        *zoom:1; /* 激活IE6、7的haslayout属性,让它读懂Alpha */
      }
      .demo p{
        position: relative;/* 设置子元素为相对定位,可让子元素不继承Alpha值 */
      }  
    }
    
    </style>
    </head>
    <body>    
    
    <div class="demo">
        <p>背景透明,文字不透明</p>
    </div>
    
    </html>

    来自:http://www.cnblogs.com/PeunZhang/p/4089894.html

  • 相关阅读:
    NOIP200304麦森数
    NOIP201103瑞士轮
    NOIP200406合并果子
    Dijkstra堆优化与SPFA模板
    BZOJ1095: [ZJOI2007]Hide 捉迷藏
    NOIP201307货车运输
    hdu2062(递推)
    hdu1260(dp)
    hdu1158(dp)
    hdu1059(多重背包)
  • 原文地址:https://www.cnblogs.com/zhidong123/p/6420844.html
Copyright © 2020-2023  润新知