easyui被activeX控件挡住的解决方法

问题描述：

在页面中插入activeX地图控件的时候发现头部的下拉菜单被挡住了，设置z-index不起作用，使用网上找到的方法设置wmode为opaque也不起作用，如下图所示：

解决方法：

经过一翻搜索终于找到可行的方法，就是在被挡住的内容里加入iframe标签，代码如下：

<div class="menuBar">
    <div class="menuMain">
        <a href="#" class="easyui-linkbutton" data-options="plain:true" onclick ="ShowAlarm()">显示告警</a>
        <a href="javascript:void(0)" id="mb1" class="easyui-menubutton" data-options="menu:'#mm1',iconCls:'icon-edit'">设备统计</a>
        <a href="#" class="easyui-linkbutton" data-options="plain:true" onclick ="Marker()" >标记</a>
        <a href="#" class="easyui-linkbutton" onclick ="jieTui()" data-options="plain:true">截图</a>
    </div>
    <div id="mm1" style="150px;" class="selectMenu">
        <!-- 下面一行为添加的标签 -->
        <iframe frameborder= "0" scrolling="no" style="background-color:transparent; position: absolute; z-index: -1;  100%; height: 100%; top: 0; left:0;"></iframe>
        <div data-options="iconCls:'icon-save'" onclick ="dvrRecord()">DVR设备</div>
        <div data-options="iconCls:'icon-save'" onclick ="Firehost()">消防主机</div>
        <div class="menu-sep" ></div>
    </div>
</div>

成功后正常显示如下：

特此记录，忘了是从哪里找的了。