网页上的元素(对话框)被ActiveX控件遮挡住,怎么把它显示出来呢?

VS2010中ActiveX插件Shockwave Flash Object的显示与隐藏 【背景】最近在使用Shockwave Flash Object插件播放swf视频时,需要对视频进行显示和隐藏的操作。但是缺遇到了问题,这里跟大家一起分享,希望我的方法能够解决大家类似的问题,并探讨问题的原因。 【方法】我尝试的方法有两个: 1.显示隐藏插件; 2.通过控件窗口大小; 下面说一说我使用这两个方法过程中遇到的问题。 方法一: MFC的控件显示和隐藏,大家都知道的常用方法时S... 阅读详情

查了这么多资料,大都很模糊,没有解决控件遮挡问题,说什么z-index之类的,都没说到点子上或者原理性东西,终于查到了这篇博文,发现其中讲解了原理东西,从窗口元素和五窗口元素就行区分就了解了为啥出现遮挡问题了。

说到这个问题,那就要先了解网页上的元素分为几种?

一般来说,分为有窗口元素和无窗口元素,

有窗口 元素大概有以下几种: 
<object> 、ActiveX控件 、Plug-ins、DHTML Scriptlets、SELECT elements(即DropdownList的HTML表现)、IE5.01以前的IFRAMEs 。。。
无窗口 元素包括: 
无窗口的ActiveX控件(就是控件本身没有任何窗口句柄)、IE5.5以后的IFRAMEs、大部分的DHTML元素  。。。


不管容器怎么设定,所有的有窗口元素都会出现在无窗口的元素之上,有窗口元素和无窗口元素内部自身互相会遵循z-index属性,它们会被绘制在不同的平面上进行显示,设置z-index只能对它们所在的平面起作用,而且有窗口元素的平面始终处于无窗口元素平面之上。 

我就将要显示的HTML内容放在一个iframe里面,先将其隐藏,通过一定的条件,再将其显示出来,


 

 HTML:
<div id="flash">
     <iframe id="iframecp" src="ifchangepass.jsp"></iframe>
     <iframe id="iframely" src="iflayout.jsp"></iframe>
     <OBJECT style="position:absolute; left:0px; top:25px;z-index: -1;" ID="TestMfcAtlControl" WIDTH=100% HEIGHT=100% classid="CLSID:DFBE7DAD-463E-40F2-9B05-E9B642EAFC04">
      <PARAM NAME="wmode" VALUE="opaque">
      <PARAM NAME="_Version" VALUE="65536">  
      <PARAM NAME="_ExtentX" VALUE="12806">
      <PARAM NAME="_ExtentY" VALUE="1747">  
      <PARAM NAME="_StockProps" VALUE="0">
     </OBJECT> 
    </div>
JS:
function changepass(){
 $("#iframecp").css("display","block");
}
function layout(){
 $("#iframely").css("display","block");
}
解决控件遮挡问题          从昨天开始,一直在努力解决一个问题:我引用了一个别人用js代码编写的日历控件,但是这个日历控件会被下面的dropdownlist控件遮挡。         后来查询一些资料,再加上同事的讲解,得知这主要是因为Dropdownlist控件的优先级比一般的控件都高,除了iframe。参考一些资料之后,我决定引用iframe来遮盖dropdownlist。         我记 阅读详情

相关推荐

解决控件遮挡问题:关于有窗口元素和无窗口元素

不知道朋友们有没有碰到过控件的遮挡问题,最典型的就是DropdownList和ActiveX的遮挡,HTML的z-index就是用于处理这个问题,但是直接设置这个属性还不行,因为这中间还牵扯到有窗口元素和无窗口元素的问题。 有窗口元素大概有以下几种:  <object> 、ActiveX控件 、Plug-ins、DHTML Scriptlets、SELECT elements(即DropdownList的HTML表现)、IE5.01以前的IFRAMEs  无窗口元素包括:  无窗口的ActiveX控件、IE5.5以后的IFRAMEs、大部分的DHTML元素  其中很值得一提的就是ActiveX

解决Active控件的遮挡问题

网上有一些解决方法,比如说用frame的方式,又如flash插件可以用设置特定属性解决,这里解决的是Active的遮挡问题,例如WebOffice控件遮挡了界面的下拉列表,目前发现利用Ext的内置方式可以解决。在页面加载完成后调用Ext.useShims=true;即可解决控件遮

人去留香 1393

桌面云虚拟机Ubuntu离线安装open-vm-tools

公司办公在桌面云中进行开发,桌面云是无法访问外网的,然后又有安装虚拟机的需求,使用VMware自带的VMware-tools安装功能失败,报错也需要联网才能解决,如果不安装VMware-tools,则虚拟机无法使用共享文件夹功能以及与本机共享剪贴板功能,非常难受,故自己研究解决如何离线安装open-vm-tools(open-vm-tools 是 VMware Tools 的开源实施)打开Ubuntu,可以在文件中看到生成的ISO文件,点开,将四个软件包复制粘贴至桌面。

weixin_43397593的博客 5078

网页浮动元素被flash遮住,flash下拉框被div层挡住|遮住,flash在网页最顶层,解决办法...

工作中遇到的记录下来; 两种情况: 1.我们网页中的的某些漂浮元素,如广告,div层,被flash遮住|挡住,这种情况我们是想要flash在底层,这时候只需要设置flash透明即可,如果网上找的代码,修改wmode属性为wmode就好了,也可以使用以下标准代码插入即可,如果你使用dw插入,在属性栏选择透明即可;&lt;object id="FlashID" classid="clsid:D27...

ansiblexxxxxxxxxxx 343

ESP-IDF的安装及其在VScode中编译环境的搭建

从安装目录的\Espressif\frameworks\esp-idf-v5.3.2\examples路径中拷贝一个工程到项目中,比如拷贝\get-started下的hello_world文件夹。安装时可能会遇到如下问题,提示:"e:\ssc\software\ESP-IDF\v5.3.2\Espressif\tools\idf-python\3.11.2\python.exe -m pip" is not valid. (ERROR_INVALID_PIP)接着等待安装完成即可,其他步骤同方式1。

Freddy_Ssc的博客 4373

告别手动打卡:逍遥模拟器+宥马运动自动跑步脚本配置全流程

本文详细介绍了如何利用逍遥模拟器和自动化脚本实现宥马运动的自动跑步功能,告别手动打卡的繁琐。从环境准备、脚本部署到定位配置和智能调度,全流程指导用户完成自动化设置,提升效率并确保运动数据的真实性。

weixin_42532473的博客 548

easyui控件与Activex控件遮挡问题

最近在开发easyui控件过程中遇到了下拉框combobx控件被activex控件遮挡的问题,在网上查找了半天都是说添加iframe(),试了半天,还是不行。最后耐着性子在页面页码和jquery.easyui.min.js源码里结合找问题。最后在两个地方加入iframe起到作用。 两个地方分别是1、combo初始化控件时 2、combo加载数据项时 如果在这两个地方分别加入iframe 就能达

benbenchong_ok的专栏 2949

ENVI遥感数字图像处理方法(一)

文章目录1.查看图像的空间分布特征(一)生成灰度图像(二)生成假彩色图像(三)连接不同视图的影像2.查看图像的像元灰度值3.统计并查看图像直方图 1.查看图像的空间分布特征 在打开一幅遥感影像时,有两个文件,我们要选择数据文件来打开。 打开过后,点击Data Manager,查看该影像的波段 该影像共有6个波段 (一)生成灰度图像 步骤如下: (二)生成假彩色图像 先生成一个一般的假彩色图像: 再生成一个标准假彩色图像,将其存放在一个新的视图中: 标准假彩色图像波段构成为:近红外、红光波段、绿

江昊东的博客 5万+

WEB开发下面DIV层被OCX控件拦住问题的解决思想,以及结合EXTJS的解决方法

公司开发的WEB程序里面嵌入了一个大控件(ocx)。嵌入控件这种模式自然有它自身的好处,但是却有着一些致命的缺点......我个人认为能不用尽量不用,嵌入控件的WEB程序总觉得点不伦不类。 牢骚发完了,言归正传。 控件分为有窗口控件与无窗口控件,无窗口控件很好办 ,如flash控件,可以通过添加wmode属性来解决挡住DIV层这个问题,添加的代码如下: ²...

自己的收藏请勿评论 581

TCS34725颜色识别模块实战调校:从“一坨”例程到精准RGB

本文针对TCS34725颜色识别模块初始数据不准的问题,提供了从基础例程到精准调校的实战指南。核心在于通过白光校正与黑白光校正两种方法,补偿传感器偏差与环境光影响,将原始数据准确映射为标准RGB值。文章详细阐述了校准原理、操作步骤与代码实现,并分享了进阶调试技巧与避坑指南,帮助开发者显著提升颜色识别的准确性与项目可靠性。

weixin_29188043的博客 289

【一看就会】Autoware.universe的“规划”部分源码梳理【0】——Planning综述(持续更新中)

单独开一篇planning综述,作为整个规划系列的开篇。本篇综述会持续更新,希望能帮助大家更好的整体理解规划部分。这个部分会持续更新。

weixin_48386130的博客 1966

activex插件遮盖问题的处理

最近在做一个

hhhh2012的专栏 1018

初学者入门YOLO目标检测:从懵圈到上手,这篇文章讲透所有核心(附学习路径+避坑指南)

目标:比如训练一个“检测苹果和橘子”的模型,或者“检测人脸”的模型;任务:学会用LabelImg标注数据,制作YOLO格式的数据集,用命令行训练模型;关键:不用追求高精度,能训练出一个能检测出目标的模型就行。很多初学者卡在入门阶段,不是因为智商不够,而是因为“想太多,做太少”——总觉得要把所有原理搞懂才能动手,结果越想越怕,最后放弃。先动手,再动脑。先跑通一个案例,获得成就感;再制作自定义数据集,训练简单模型;最后再回头去理解原理,优化模型。

专注于Python爬虫开发,分享爬虫技巧、项目实战与反爬经验,使用Scrapy、BeautifulSoup等工具,解决数据抓取难题。 690

DIV弹出层无法遮罩ActiveX控件的解决方案

本文内容参考网上实例,结合自己实践进行总结 参考地址:https://www.evget.com/article/2011/10/11/16665.html 自己实现代码: var nowindex = $("#PreviewOcx").css('z-index'); //这个地方最好使用ActiveX容器object,并且在html中不要手动设置该object的zindex, 自己设置过...

wangdaoyin2010的专栏 1702

【深度学习|多实例学习】多实例学习(Multiple Instance Learning, MIL)的起源、发展和应用,附代码(一)

【深度学习|多实例学习】多实例学习(Multiple Instance Learning, MIL)的起源、发展和应用,附代码(一)

2401_89898861的博客 1923

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

解决上层dom遮挡下层dom时无法触发click等事件的问题

解决上层dom遮挡下层dom时无法触发click等事件的问题

weixin_64962562的博客 719

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

OCX控件开发及WEB Javascript如何使用OCX控件

本文主要讲解如何使用VS 2010 的IDE开发网页OCX控件,及网页(Javascript)如何使用OCX控件(OCX控件在网页中使用方法)

笑梦码侬生 1万+

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

如何解决HTML和CSS相关的问题,什么情况下会导致元素被遮挡?

在开发过程中,HTML 和 CSS 中的元素遮挡问题通常是由于布局、定位、层级等因素导致的。在使用 Vue.js 时,这些问题依然常见,尤其是涉及到动态渲染、条件渲染和组件嵌套的场景。以下是一些常见的导致元素被遮挡的原因,并通过 Vue.js 项目代码示例加以讲解。

向着太阳迎着光 1522

vue前端遮罩层问题

在Vue的开发中,一旦我们用到对话框,经常出现的问题是对话框被遮罩层挡住,无论是Element-UI dialog还是bootstrap的Modal,如下图所示:造成这个问题的原因是对话框组件的父元素的position有fixed或者relative值,比较简单易行的办法如下: 对于bootstrap Modal需要添加css语句而对于Element UI该组件已经在属性层面提供了解决办法,只要添加就可以了。 ...

qq_42172560的博客 1929

<object>标签导致的元素遮挡问题

在接入第三方厂商的插件时,发现他们使用的是object标签生成的,导致页面渲染时的优先级贼高,且无法被z-index控制。也就是说如果有dialog之类的弹窗需要悬浮在最上层,会被object标签内容遮挡。 解决方案 引入iframe(没有成功实现,但是网上主流推荐方案是这个) 利用元素显隐控制,Vue中可以用v-show控制弹窗打开时将其关闭的业务逻辑,React中可以设置一个变量去控制,原理相同 ...

南乡人的博客 1025

海康威视web插件层级遮挡问题,仅供参考

关于海康威视web插件层级遮挡问题的解决方法,仅供参考,不包解决 https://pan.baidu.com/s/19G5XI7txqouHkMNluK7YVg 首先我用的是web3.0开发包的插件,上面是地址可以下载来看看。失效联系我,我看到就回复。 其实在开发包里的最关键的文件就是webVideoCtrl.js 如果花些时间去看的话,可以发现其实是导致遮挡问题的是因为embed标签 我遇到...

Fang_XB的博客 1万+

解决海康视频插件遮挡弹窗问题

1.若是同文件可直接使用方法,点击弹窗时隐藏,退出弹窗时显示,可避免遮挡问题。2.若是非同文件,使用本地存储与定时调用来解决遮挡问题。

m0_54281860的博客 2916
上一篇: CSS变量,CSS自定义属性
下一篇: 温故知新(一)let a = {n:1}; let b = a; a.x = a = {n:2};console.log(a.x); console.log(b.x)
墨语轩
博客等级 码龄8年 206粉丝 208原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值