解决控件遮挡问题

最新推荐文章于 2024-07-03 23:22:21 发布
最新推荐文章于 2024-07-03 23:22:21 发布
阅读量2.7k 收藏 3
点赞数
分类专栏： .Net相关 文章标签： iframe html javascript 日历 function div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/you_laner/article/details/1137091
版权
本文讲述了作者在使用一个js编写的日历控件时遇到的遮挡问题，由于Dropdownlist控件的层级较高，日历控件被遮挡。通过研究和同事的帮助，了解到iframe可以解决这一问题。作者分享了一个html页面实例，展示了如何利用iframe避免控件遮挡。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

         从昨天开始，一直在努力解决一个问题：我引用了一个别人用js代码编写的日历控件，但是这个日历控件会被下面的dropdownlist控件遮挡。

         后来查询一些资料，再加上同事的讲解，得知这主要是因为Dropdownlist控件的优先级比一般的控件都高，除了iframe。参考一些资料之后，我决定引用iframe来遮盖dropdownlist。

         我记录一个经典的html页面吧，它能很好的说明这个问题： 

<html>
<head>
 <script>
  function DivSetVisible(state)
  {
   var DivRef = document.getElementById('PopupDiv');
   var IfrRef = document.getElementById('DivShim');
   if(state)
   {
    DivRef.style.display = "block";
    IfrRef.style.width = DivRef.offsetWidth;
    IfrRef.style.height = DivRef.offsetHeight;
    IfrRef.style.top = DivRef.style.top;
    IfrRef.style.left = DivRef.style.left;
    IfrRef.style.zIndex = DivRef.style.zIndex - 1;
    IfrRef.style.display = "block";
   }
   else
   {
    DivRef.style.display = "none";
    IfrRef.style.display =
最低0.47元/天 解锁文章
Qt 按钮被遮挡，点击响应
qq_32250025的博客
10-17 5854
Qt的按钮有时候不能满足我们的需求， 例如我们想在按钮的特殊几个部分显示不同的文字。 按钮不支持这么复杂的操作，重载一种按钮，费时费力。 简单的做法：在按钮上覆盖一层QLabel, 1：设置背景透明：background-color: rgba(255, 255, 255, 0); 2：设置QLabel不响应点击事件： m_mUI.label_afoamt->setAttribute(Q
Qt窗体和控件遮罩效果
阿呆
02-22 989
实现方式一：借助setMask(rect)函数。该函数将设置rect为可见区域，rect可以是控件的规则区域，也可以是bitmap范围。不规则的窗体、窗体上下重叠时需要鼠标穿透、只显示部分区域时。
QT控件被其他控件遮盖
热门推荐
画茧自缚
04-06 1万+
    这里有多个textEdit，想要实现当某个textEdit获得焦点时重置它的大小以方便文字输入，当失去焦点时恢复原状。遇到的问题是，给textEdit重置大小后会被下面的控件遮盖，背景颜色也显示不完全。还有一个问题是，第一个textEdit遮住了第二个导致第二个无法点击。如下图：          解决：添加ui-&gt;textEdit-&gt;raise();解决了遮盖问题，重新修...
Qt 给控件添加圆角矩形遮罩
away_1997的博客
01-29 1608
目标 为控件设置圆角，且子控件的显示不会超出圆角范围。 代码实现 QFrame *widget = new QFrame(nullptr); // 方案一 QBitmap bmp(widget->size()); bmp.clear(); QPainter painter(&bmp); painter.setRenderHint(QPainter::Antialiasing, true); painter.setPen(Qt::NoPen); painter.setBrush(QColo
遮盖层弹出控件
goodyatou的专栏
11-13 544
遮盖层弹出控件   wbox   控件  function showWindow(msg) {             $('.wBox_b').remove();             if (wBox != null) { wBox.close(); }             wBox = $("#wbox1").wBox({ title: "", html: msg, noT
一个比较好用的解决控件被遮挡的方案
tedeum
05-30 410
开发Web程序，经常遇到弹出菜单被flash控件遮挡的问题，在网上搜索最多的方法是把Flash设置为透明模式。这里介绍另外一种方法，当前面的方案无效时可以试试，我这里屡试不爽 .divPopUp {border:1px solid #7BB5E2; position:absolute;left:20000;top:20000;z-index:10000001;background-repeat...
解决控件遮挡问题：关于有窗口元素和无窗口元素
10-31
"解决控件遮挡问题：关于有窗口元素和无窗口元素" 解决控件遮挡问题是Web开发中一个常见的问题，特别是在使用DropdownList和ActiveX控件时。为了解决这个问题，我们需要了解有窗口元素和无窗口元素的概念，并知道...
最新C# wpf WebView2覆盖上层控件解决办法
08-15
WebView2为WPF网页浏览工具，具有简单易用，页面显示清晰的优点。 但是，由于微软设计...本样例很好的解决了上述问题，实现界面的分层控制，能够正常显示顶层控件。 设计网页预览和桌面应用结合时，可以参考本代码。
基于Objective-C的KeyboardShowHideHandler：解决长视图键盘遮挡问题设计源码
最新发布
09-27
本项目提供基于Objective-C的KeyboardShowHideHandler设计源码，旨在解决长视图在键盘弹出时被遮挡的问题，如全屏的UITextView。项目包含20个文件，其中包括6个MATLAB文件、5个Objective-C头文件、2个配置文件、1个....
一个用iframe遮盖select例子
李玉銮的Blog
02-08 1199
 层里主要代码如下,例子地址:http://www.5dworld.net/js/divselect.html
在QT中如何给控件覆盖上半透明的蒙层（类似禁用功能）
YuYao1110的博客
07-03 950
请注意，如果目标控件的父控件使用了布局管理器，你可能需要调整布局或直接将半透明控件添加到布局中，以确保它在正确的位置显示。在上面的示例中，我注释掉了与布局相关的代码，因为直接设置几何位置通常更简单直接。但是，在复杂的界面中，使用布局管理器可能更为合适。实例，设置其背景为半透明，并使其大小和位置与目标控件相匹配。如果你希望鼠标事件能够穿透这个半透明的蒙层并传递给下面的控件，可以设置属性。或其子类）以显示一个半透明的蒙层，你可以创建一个新的。添加到目标控件的父控件中，以确保它在正确的位置显示。
js简单遮罩效果(可解决select)
ava_chc的专栏
11-15 306
实现效果：弹出一个窗口的时候，窗口后面的页面变暗，并且不能操作 难点：因为div层是不能把select控件遮住的，所以要特殊处理，方法两种，一种是在弹出窗口下面加一层iframe来遮住select；第二种是所以要在弹出的时候，先把select控件隐藏，这里选择第二种方法 实现原理：在页面上和弹出窗口中间加一个半透明的层，把页面的内容覆盖掉 主要代码： function Op...
autojs之 新手可能会踩的坑1.控件篇
qq_44542435的博客
07-08 8352
在控件操作失效的情况下，可以尝试手动点击或者滑动下屏幕，代码就可以跑起来了，不知道是不是BUG， 所以在之前加一个判断是一个很好的办法. 建议在寻找控件的时候不要使用waitFor()等带有阻塞的方法，这可能会导致脚本死在某个地方，非常的不好用，并且注意该大写的代码一定要大写。 例如: textContains("哈哈哈").waitFor(); //可以改写为： let con=textContains("哈哈哈").findOnce() if (con) { log("con存在") .
解决auto.js控件查找的难题
cbg2008的博客
02-24 4305
在写auto.js很容易碰到的问题是查找控件的问题，往往是控件查找不到或查找到的点击失败，导致一连串的操作失败，这里出问题的往往是菜单是动态加载的，而查找的时候可能是页面并未加载完成，导致查找到的控件是加载过程中的，去点击的时候就会出错。为了解决这个问题，我的思路是第一次查找到后，等500毫秒再查找一次，如果两次的位置相同，那就可以判断是最终加载完成的控件，此时点击就不会失败。以上代码在auto.js4.1.1版本中运行通过，没有遇到过异常。
网页上的元素(对话框)被ActiveX控件遮挡住，怎么把它显示出来呢？
MFWSCQ的博客
03-19 1397
查了这么多资料，大都很模糊，没有解决控件遮挡问题，说什么z-index之类的，都没说到点子上或者原理性东西，终于查到了这篇博文，发现其中讲解了原理东西，从窗口元素和五窗口元素就行区分就了解了为啥出现遮挡问题了。 说到这个问题，那就要先了解网页上的元素分为几种？ 一般来说，分为有窗口元素和无窗口元素， 有窗口 元素大概有以下几种： <object>、ActiveX控件、Plu...
DIV弹出层无法遮罩ActiveX控件的解决方案
weixin_30821731的博客
10-10 210
使用JS做DIV弹出层时，一般地在IE下是无法遮罩ActiveX控件的，同时在IE6下Select也遮罩不住。在IE中ActiveX默认永远显示在最顶层，因此通过设置Style的Z-Index属性也无法改变遮罩关系的。在信息系统软件中，许多场合由于性能、操作等原因，往往会使用ActiveX代替Html来完成功能，从而成为不可回避的问题。 var sd = XX.style.di...
关于jquery dialog被activeX插件遮挡问题的解决办法
zcs100的专栏
01-16 2283
项目中遇到了jquery dialog被遮挡的问题，通过查找资料，发现通过添加iframe即可解决该问题 1.在初始化dialog时添加dialogClass: "my-dialog"； 2. 在dialog被打开之前追加iframe   $(".my-dialog").append(""); 至此问题解决！！！
WEB开发下面DIV层被OCX控件拦住问题的解决思想，以及结合EXTJS的解决方法
自己的收藏请勿评论
09-17 514
公司开发的WEB程序里面嵌入了一个大控件（ocx）。嵌入控件这种模式自然有它自身的好处，但是却有着一些致命的缺点......我个人认为能不用尽量不用，嵌入控件的WEB程序总觉得点不伦不类。 牢骚发完了，言归正传。 控件分为有窗口控件与无窗口控件，无窗口控件很好办 ，如flash控件,可以通过添加wmode属性来解决挡住DIV层这个问题，添加的代码如下： ²...
解决superTabControl控件最大化遮挡任务栏的问题
解决这个问题可能需要对控件或者整个窗口的布局进行调整，确保在最大化时窗口边缘不会延伸到任务栏所在区域。 在实际开发中，可以通过以下步骤解决相关问题： 1. **检查控件属性设置**：首先检查superTabControl或...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值