[“捕获层“低版本ie兼容性调整]

[zjruan]

layerjs 是一个非常棒的弹窗库，官方介绍时说兼容ie6，但实际上是有一些问题的。“捕获页”是我们常用的一个功能之一，但它的实现方式，使得它不兼容低版本ie。

// 测试demo地址，http://layer.layui.com/
// 验证代码
layer.open({
  type: 1,
  shade: false,
  title: false, 
  content:$('#chutiyan'), 
  cancel: function(){
  }
});

问题原因：低版本ie有一个bug，就是 z-index 受其父元素z-index影响，当 a 元素的定位低于 其兄弟元素 b 的定位时，那么 a 元素所有的子元素 a-n 的定位都会低于 b元素

解决方案：将捕获元素至于页面的最底部并在原位置添加一个占位元素，当关闭弹窗时，再将占位元素还原为捕获元素