javascript 调整多个 Flash 层级关系


在wmode模式下,flash player有自己的窗口句柄，这就意味着flash影片是存在于Windows中的一个显示实例，并且是在浏览器核心显示窗口之上的，所以flash只是貌似显示在浏览器中，但这也是flash最快最有效率的渲染模式。由于他是独立于浏览器的HTML渲染表面，这就导致默认显示方式下flash总是会遮住位置与他重合的所有DHTML层。现有多个这类型窗口，怎么动态调整这几个Flash 的层级关系？补充:
1> 修改Flash的z-Index样式属性是不行的;
2> 把Flash放到iframe中调整iframe或iframe父级div的z_index已测试不行

解决方案 »

  1.   

    放在上面的就显示在上面,如a.swf的父div在b.swf的父div上面，那么a就在b上面，z-index确实无效
      

  2.   

    <div style="position:absolute; z-index:10; left:0px; top:0px;">
    <embed src="1.swf"></embed>
    </div>
    <div style="position:absolute; z-index:100; left:50px; top:50px;">
    <embed src="2.swf"></embed>
    </div>
    这样的话1就在2上面
      

  3.   

    添加 <param name="wmode" value="transparent" />和 wmode='transparent'; 
      

  4.   

    wmode必须是window模式，非window时，Flash中的文本输入框没法输入汉字