修改LigerUi组件MessageBox提示框被弹出框覆盖的BUG

  Ligerui最新的版本为 1.92 ,使用这个版本时，如果页面弹出了一个DIV层或弹出一个URL页面，那么在这个页面内部弹出的消息框将会被这个弹出窗口遮挡。分析了ligerui的源码，发现是CSS的设置有点问题，

修改：

 

js\lib\ligerUI\skins\Aqua\css\ligerui-dialog.css

 

文件的：

.l-messagebox{ position:absolute;top:100px; left:100px; width:300px; background:#F2F8FF;
border-bottom:1px solid #82BCD8;z-index: 9001;  }

 

 

将 z-index:9001 改为 z-index:9009，即可。

 

 

 

 

 

        Z-index属性决定了一个HTML元素的层叠级别。元素层叠级别是相对于元素在Z轴上（与X轴Y轴相对照）的位置而言。一个更高的Z-index值意 味着这个元素在叠层顺序中会更靠近顶部。这个层叠顺序沿着垂直的线轴被呈现。为了更清晰的描述Z-index是如何工作的，上面的这张图片夸大展示了层叠 元素在视觉位置上的关系。自然的层叠顺序在一个HTML页面中，自然的层叠顺序（也就是元素在Z轴上的顺序）是由很多因素决定的。下面的是一个列表，它展 示的列表项是处于一个层叠环境（stacking context，暂时未找到合适的汉语翻译，应该是指层叠的元素所处的那个层叠的环境）中，这些项是处于这个层叠环境的底部的。这个列表中的项都没有被赋 予Z-index属性。