zoukankan      html  css  js  c++  java
  • 让ie兼容opacity属性的方法

    如何设置Div半透明效果,并兼容IE6+ Firefox等,看下面样式:

    Yuzi_Class{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}

    但Firefox 3.5+已不再支持 –moz-opacity 这个属性了,现在都要改用opacity属性。

    于是样式需要这样设置

    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>

    人生短短几十年,要在有限的生命里多做店有意义的事情。莫要让自己迎合别人的眼光活着。随心而为,听从心的声音。讨好自己,悠哉悠哉!
  • 相关阅读:
    忘记IBM服务器的登录IP
    分层思想
    防火墙的发展历史
    存储相关
    HCIE_交换篇_ARP欺骗
    堡垒机与网闸
    防止ARP欺骗
    信息安全等级保护
    DPM如何创建存储池?
    Lync2013的会话
  • 原文地址:https://www.cnblogs.com/jiaojiaome/p/3601992.html
Copyright © 2011-2022 走看看