zoukankan      html  css  js  c++  java
  • 使用DIV实现页面的遮罩效果

    Div实现页面的遮罩

    之前没动手搞过,项目有个需求刚好可以用到,就想着去试下,结果发现自己都理解的有问题了。

    遮罩的实现是使用opacity或者IE下的filter滤镜来设置透明度的,而且一个div必须要设置一个背景色,不然看不到效果,
    通常的模态窗是使用毛玻璃效果来实现的

    毛玻璃的示例代码,兼容浏览器
    background-color: rgba(0,0,0,0.3);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);

    遮罩的示例代码
    -moz-opacity: 0.8; //火狐的旧版
    opacity:.80; //当前主流浏览器的新版
    filter: alpha(opacity=80); //IE的旧版
    //还有Opera和safri没列出,网上都有,需要再查

  • 相关阅读:
    生成器,生成器表达式。
    device busy
    memcached
    ps f
    Eviews9.0---软件安装
    免费提取百度文库 doc 文件
    Matlab---length函数
    Matlab 路径函数
    matlab中disp函数的简单用法
    MATLAB---dir函数
  • 原文地址:https://www.cnblogs.com/heartlake/p/7880589.html
Copyright © 2011-2022 走看看