zoukankan      html  css  js  c++  java
  • 弹窗的滤镜背景兼容

    css控制透明度倒不麻烦。
    filter:alpha(opacity=50); /*IE滤镜,透明度50%*/
    -moz-opacity:0.5; /*Firefox私有,透明度50%*/
    opacity:0.5;/*其他,透明度50%*/

    举个例子:
    通过ie6 ie7 ie8 ff3 opera 谷歌 safari测试
    #test{
    background-color:#0000CC;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    100px;
    height:100px;}

    但是还是会有很多问题,浏览器兼容性问题,等
    而且IE滤镜的频繁使用会使浏览器的执行效率降低。

    所以不提倡过多使用。

    也还有其他方法可以模拟,比如用宽高都是1px的透明png图片覆盖等等。

    /**************************************************/
    LZ自己举一反三啊,前景色不就是color么
    #test{
    background-color:#000}
    #test span{
    color:#fff;
    zoom:1 /*触发IE下块级元素*/
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    }
    <div id="test"><span>前景色透明度</span></div>

    “前景色透明度”这几个字是不是纯白色,还是白色的50%透明。
  • 相关阅读:
    DOM总结
    BOM总结
    备忘录设计模式
    策略模式
    迭代器模式
    观察者模式
    装饰模式
    脚本工具(获取某个文件夹下的所有图片属性批量生成css样式)
    ajax传输中文乱码解决方法
    java Serialization and Deserializaton
  • 原文地址:https://www.cnblogs.com/lben/p/3038292.html
Copyright © 2011-2022 走看看