弹窗在ie及chrome下都会出现背景花屏的情况怎么处理?

讨论 未结
2 96
Joh126
Joh126 2017-10-12
悬赏:20飞吻
2.0弹窗在使用的时候有出现操作弹窗时花屏的情况,有没有快速处理方法?


下面这张图是使用元素查看器选中弹窗的相关的html代码时出现的类似马赛克点。
回帖
  • 看更新日志,2.1.3 这个版本修复了花屏的BUG
    0 回复
  • Dream253
    2017-10-12
    这个问题是由于chrome下如果同时设置opcity,background-color,z-index属性会启动硬件加速来渲染。

    需要设置layui-layer-shade的属性,
    .layui-layer-shade, .layui-layer{position:absolute; _position:absolute; pointer-events: auto;}
    .layui-layer-shade{top:0; left:0; width:100%; height:100%; _height:expression(document.body.offsetHeight+"px");background: url(shade.png);z-index: 100;}

    将背景颜色去掉,用一张透明的图片代替,并且降低z-index的层级。

    0 回复