当前位置:知识库 / MxDraw网页开发 / 详情
关于WEB开发下面DIV层被OCX控件拦住问题
关于WEB开发下面DIV层被OCX控件拦住问题
MxDraw网页开发|冯美娟|2018-07-26 17:20
回答:

控件分为有窗口控件与无窗口控件,无窗口控件很好办,如flash控件,可以通过添加wmode属性来解决挡住DIV层这个问题,添加的代码如下:


解决无窗口控件挡住DIV:


<param  name="wmode" value="opaque">


这种情况在使用DIV的网页里的测试如下:


div.png


测试的代码是:


测试DIV与OCX控件:


<div
   style="position: absolute; left: 120; top: 450; width: 400px;  height: 200px; background: red; z-index: 7">
   <object  classid="CLSID:4B5BEE59-EDD2-4082-A9F7-D65E1CA20FA7"width="100" height="100">
    </object>
     是第6层
</div>
<div
   style="position: absolute; left: 40; top: 500; width: 400px;  height: 100px; background: Blue; z-index: 9">
       这是第7层
</div>
这是第7层
</div>


这种情况在EXTJS下边的测试情况如下图:


div2.png


注:如果我们的控件是一个无窗口控件如flash控件,可以通过添加wmode属性来解决挡住DIV层这个问题,添加的代码如下:


<param  name="wmode" value="opaque">


Html的iframe、frame可以挡住OCX控件——实际上iframe以及frame本身是一个有窗口元素,有窗口元素之间是可以互相遮挡的,而我们的Div又可以与iframe窗口互相遮挡。 现在的问题变成了如何先用iframe挡住OCX窗口再用DIV挡住iframe。


用iframe遮挡OCX控件


<div
   style="position: absolute; left: 120; top: 450; width: 400px;  height: 200px; background: red; z-index: 7">
   <object  classid="CLSID:4B5BEE59-EDD2-4082-A9F7-D65E1CA20FA7"width="100" height="100">
    </object>
     是第6层
</div>
<div
   style="position: absolute; left: 40; top: 500; width: 400px;  height: 100px; background: Blue; z-index: 9">
<iframe  id='iframei' src="javascript:false" style="position:absolute; visibility:inherit; top:0px;  left:0px;  height:'100%';width:'100%';  z-index:-1;  filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';/">
</iframe>;
       这是第7层
</div>


其中代码:


<iframe  id='iframei' src="javascript:false" style="position:absolute; visibility:inherit; 
top:0px;  left:0px;  height:'100%';width:'100%';  z-index:-1;  
filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';/"></iframe>;”


就是创建一个与DIV等大的,透明的iframe框架。实现的效果如下图:


div3.png

相关问题
如何在图纸保存的同时,也把基本信息保存了?
如何修复块中心点问题?
如何停止闪烁实体?
如何闪烁实体?
如何在代码里调用工具条上的按钮?
如何将选中的实体做成块?
如何让一个对象不能选中?
当前选择实体发生变化调用事件。
如何保存DWG文件,可以设置保存的文件版本号和
如何向控件注册一个命令?
梦想CAD是专业的CAD插件(控件),可轻松在网页、手机及BS/CS程序中浏览编辑DWG文件,不需安装AutoCAD即可运行。经十余年累积已非常稳定可靠,有关键的空间搜索算法,并使用汇编优化,可同时处理50万级实体,有非常高的图形显示和处理效率。
联系我们
技术TEL:400-888-5703
185-8173-1060
客服 QQ: 3570505660
技术 QQ: 6884123
VIP服务购买
销售TEL:156-8136-8971
销售QQ:710714273
用户交流
梦想绘图资讯群Ⅰ:73281982
梦想绘图资讯群Ⅱ:112199959
MxCAD软件更新通知群Ⅰ:515771658
技术I:QQ
6884123
客服I:QQ
3570505660
销售QQ
710714273
联系电话400-888-5703