EXT弹出Window窗口被flash遮盖

前一段时间在一个首页面加载完成之后弹出一个window窗口(EXT),但是总被页面上的flash所遮盖,在网上找了好久无意中找到了原因所在:

先看页面flash引用代码：

     <div style="width: 780px; height: 550px; text-align: center;">
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
                width="780" height="550">
                <param name="movie" value="123.swf" />                
                <param name="wmode" value="transparent" />
                <embed src="123.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
                    type="application/x-shockwave-flash" width="780" height="550"></embed>
            </object>
        </div>

后台JS弹出windows窗口(modal的属性已经设为true):

    var eventWindow = new Ext.Window({
        title: '新建突发事件',
        id:'eventWin',
        closable:false,
        width:500,
        height:295,
        modal :true,
        plain:true,
        resizable :false,
        layout: 'fit',
        items: [panel]
    });

    eventWindow.show();

因为之前flash的wmode属性没有设置,所有弹出的window窗口一直在flash的下面.

  需要把flash的wmode属性值设置为:transparent。(默认的模式为:window)

这是相关资料:

    做web开发中可能会遇到flash遮挡页面中元素的情况，无论怎么设置flash容器和层的深度(z-index)也无济于事，现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”.