前一段时间在一个首页面加载完成之后弹出一个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”.