修改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属性。

你可能感兴趣的:(message)