extjs2.1
问题描述:
设置window 属性modal: true在firefox中是没有问题的。
但是在chrome中遇到个奇怪的问题,window下嵌套一个panel的情况下没有问题;
在window下嵌套一个panel,在panel中又嵌套两个panel,这种情况下,window显示的时候不仅把后面的给mask掉了,就连window窗体本身也被mask掉了。
解决过程:
代码上没有任何的问题,跟踪firebug查找渲染过程:如果modal == true则在当前body前加一层mask,然后在生成当前窗体,然后this.el.setZIndex(++A);这样窗体的z-index值大于A,所以不被遮罩。
其中A是WindowManager中定义的zseed : 9000。
然后查看chrome中各项参数,让人摸不着头脑:
1. 正常显示的情况下,z-index: 20000;此属性被划上了删除线。
2. 不能正常显示的情况下z-index: 20000;正常起作用。
可能是浏览器兼容性的问题吧!
解决办法:
把z-index值改小一些
1. 在程序中加上 Ext.WindowMgr.zseed = 8899;不起作用,舍弃。
2. 把ext-all.css中
.ext-el-mask
{
z-index: 20000;
}
直接改为8899,居然成功了!我晕死。
转载于:https://blog.51cto.com/wangyuelucky/1282851