模态框遮罩层，兼容IE

最新推荐文章于 2017-08-07 10:51:47 发布

宁00

最新推荐文章于 2017-08-07 10:51:47 发布

阅读量1.1k

点赞数

分类专栏：兼容问题 css、scss 文章标签：兼容-透明度

本文链接：https://blog.csdn.net/ning0_o/article/details/53583797

版权

css、scss 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

兼容问题

3 篇文章 0 订阅

订阅专栏

css:
 .overlay {
      position: fixed; height: 100%; width: 100%;
      filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
      background-color: rgba(0,0,0,.5);
      overflow: auto;
  }
  :root .overlay {
      /* IE9+ 支持:root,支持rgba，故把filter设为none */
      filter: none;
  }

html: 
<div class="overlay"></div>