zoukankan      html  css  js  c++  java
  • opacity css3 ie8以下兼容方法

    Transp { /* make the div translucent */
    opacity: 0.57;  /* Firefox, Safari(WebKit), Opera)
    filter: "alpha(opacity=57)";   /* IE 8 */
    filter: alpha(opacity=57);  /* IE 4-7 */
    zoom: 1;  /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */  
    }

    Opacity这个是属于CSS3里面的东西了,属于CSS3的标准。然而微软IE8还不支持这一属性。但如果让DIV背景半透明,而DIV中的文字不半透明呢?很简单,只要在文字的容器中加个position:relative就可以了。

    <div style="filter:alpha(opacity=50);background:#ffffff;600;"><span style="color:yellow">图层背景半透明,字体颜色也半透明</span></div>
    <div style="filter:alpha(opacity=50);background:#ffffff;600;"><span style="position:relative;color:yellow">图层背景半透明,字体颜色不半透明</span></div>

  • 相关阅读:
    uva 10129
    年化利率
    house买房原理,2019,第一版
    car二手车购买原理
    car购车翻译篇
    car配置篇
    健身原理
    语法学习,从句
    语法学习,简单语句
    名词解释
  • 原文地址:https://www.cnblogs.com/wendy-home-5678/p/5109102.html
Copyright © 2011-2022 走看看