`

一个比较好用的解决控件被遮挡的方案

阅读更多

开发Web程序,经常遇到弹出菜单被flash控件遮挡的问题,在网上搜索最多的方法是把Flash设置为透明模式。这里介绍另外一种方法,当前面的方案无效时可以试试,我这里屡试不爽

.divPopUp {border:1px solid #7BB5E2;  position:absolute;left:20000;top:20000;z-index:10000001;background-repeat: no-repeat;background-color:transparent;}
.ifPopUp{position:absolute;left:20000;top:20000;z-index:10000000; background-color:Transparent}

 

   			<iframe class="ifPopUp" id="PopFrame" src="" frameBorder="0" scrolling="no"></iframe>
			<div class="divPopUp" id="PopDiv" >
               <iframe id="ContentFrame" style="width:100%;height:100%" frameborder ="0" scrolling="no" allowTransparency="true"></iframe> 
            </div>

 

解释一下,这里有一个flash控件会遮挡其他标签比如Div,Div无法浮动在flash上面,但是iframe可以浮动在flash上,div可以浮动在iframe上,这样多了一个iframe就可以让div浮动在flash上了。都懂上面的绕口令,你会发现这个方案真是比较完美的。(在IE6以上浏览器测试通过)

2
1
分享到:
评论

相关推荐

    不会被下边select遮挡的日历控件 日历控件被select遮挡

    在IT行业中,我们经常遇到各种UI元素的交互和布局问题,其中一个常见的问题是控件被其他元素遮挡。这里提到的“不会被下边select遮挡的日历控件”是一个特定的场景,涉及到日历控件在网页或应用程序中的显示优化。在...

    android控件放大被遮盖已解决

    然而,当一个控件放大后,可能会超出其原本的布局边界,导致被其他控件遮盖,这无疑会给用户界面带来困扰。"android控件放大被遮盖已解决"这个主题就是针对这一问题的解决方案。 首先,我们需要理解Android的布局...

    LayoutsPro控件 避免输入焦点被虚拟键盘遮挡

    本文将深入探讨"LayoutsPro控件",这是一个专为解决Android平台上的输入焦点被虚拟键盘遮挡问题而设计的扩展布局控件。该控件继承自TVertScrollBox,并且增加了自动处理功能,确保在虚拟键盘弹出时,用户的输入焦点...

    测试C#面板与DrawToBitmap函数控件截图

    标题“测试C#面板与DrawToBitmap函数控件截图”指向的是一个具体的C#编程实践,涉及到了如何利用`DrawToBitmap`方法来捕获控件的图像。`DrawToBitmap`是.NET Framework中的一个强大工具,允许开发者将控件的内容绘制...

    最新C# wpf WebView2覆盖上层控件解决办法

    但是,由于微软设计缺陷,无法进行分层界面设计,顶层控件会被遮挡住。 本样例很好的解决了上述问题,实现界面的分层控制,能够正常显示顶层控件。 设计网页预览和桌面应用结合时,可以参考本代码。

    Delphi XE 10.2 FMX 程序中避免输入焦点被虚拟键盘遮挡

    在开发使用Delphi XE 10.2的FireMonkey (FMX) 应用程序时,遇到的一个常见问题是:当用户在Android设备上输入时,弹出的虚拟键盘可能会遮挡输入焦点所在的控件。这给用户体验带来不便,但通过理解和应用正确的技术,...

    最顶层div被flash或者下拉列表遮挡的问题解决

    ### 最顶层div被flash或者下拉列表遮挡的问题解决 在网页设计中,有时会出现顶层的div元素被其他元素如Flash或下拉列表遮挡的情况。这种遮挡问题通常是由于CSS定位属性设置不当造成的,尤其是`z-index`值的设置不...

    VB.NET自定义控件设置背景色透明

    通常,当一个控件覆盖另一个控件时,下面的控件将不可见。为了确保下面的控件仍然可见,我们需要确保自定义控件的`SetStyle`方法设置正确。在控件的构造函数中添加以下代码: ```vb.net Public Sub New() ...

    解决在在Edittext输入的时候,输入框被软键盘遮挡部分内容的问题

    3. **使用ScrollView或NestedScrollView**:在EditText的父布局中嵌套一个ScrollView或NestedScrollView,这样当键盘弹出时,用户可以通过滚动查看被遮挡的内容。但请注意,这可能导致滚动体验变得复杂,需要适当...

    解决下拉菜单被iframe遮住问题

    在网页设计中,下拉菜单经常用于实现导航或者选项选择,但当这些菜单位于一个`iframe`元素内部时,可能会遇到被`iframe`遮挡的问题。这个问题主要涉及到浏览器的层叠上下文(CSS Z-Index)和`iframe`的渲染机制。...

    C# 选择文件的自定义控件SelectFileText(支持拖拽)

    在C#编程中,开发人员经常需要处理用户选择文件的操作,以便进行后续的读取、编辑或保存等操作。传统的做法是使用系统提供的...对于需要频繁处理文件选择的项目来说,这样的自定义控件无疑是一个很好的解决方案。

    解决PB的mdi窗口添加控件不能显示窗口的问题

    然而,有时在PB的MDI窗口中添加控件时,可能会遇到一个问题:新添加的控件在打开后被主窗口的控件遮挡,导致子窗口无法正常显示。这个问题可能会影响到用户的交互体验和程序功能的正常使用。针对"解决PB的MDI窗口...

    解决SurfaceView设置透明造成覆盖其他组件的替代方案

    然而,当开发者尝试将SurfaceView设置为透明时,可能会遇到一个常见的问题:透明的SurfaceView会覆盖其下方的其他组件,导致它们不可见。这使得UI设计变得复杂,特别是当需要在SurfaceView上实现某些特殊效果,如...

    Android-Android-app解决键盘遮挡注册或登录按钮

    提到的压缩包文件SoftKeyBoardHelper-master可能是一个第三方库,它提供了键盘遮挡问题的解决方案。使用这类库可以简化开发过程,通常它们会自动处理键盘弹出时的布局调整。具体使用方法需要查看库的文档和示例代码...

    基于Objective-C的KeyboardShowHideHandler:解决长视图键盘遮挡问题设计源码

    本项目提供基于Objective-C的KeyboardShowHideHandler设计源码,旨在解决长视图在键盘弹出时被遮挡的问题,如全屏的UITextView。项目包含20个文件,其中包括6个MATLAB文件、5个Objective-C头文件、2个配置文件、1个....

    swift-自动控制viewController的textView和textField被键盘遮挡问题引入.h即可

    为了解决这个问题,我们可以引入一个名为`SXKeyboardViewControl`的第三方库,它能够帮助我们自动管理键盘的显示和隐藏,避免键盘遮挡输入控件。 `SXKeyboardViewControl`是一个轻量级的解决方案,只需要简单地导入...

    Android 解决NestedScrollView底部内容被遮挡显示不全

    这次是一个recycleView,在list没有数据的时候总是显示不全,有数据的时候就正常了。子类控件高度都设置了wrap_content,还是没效果。以前都是直接在最下面的子控件加一个合适的layout_marginBottom。。今天刚好比较...

    PDF控件(很好用)

    标题中的“PDF控件(很好用)”指的是一个专门用于处理PDF文件的软件组件,它可以在应用程序中嵌入,提供查看、操作PDF文档的功能。在描述中提到它在Excel中的良好兼容性,意味着该控件可以无缝集成到Microsoft ...

    功能强大的日历控件(javascript)

    另一个值得一提的特性是,该控件在iframe中调用时不会出现被遮挡的问题。在网页嵌套iframe的场景下,一些日历控件可能会由于z-index或层级关系处理不当导致显示异常。这个控件解决了这个问题,确保无论在哪种环境下...

    vue 解决文本框被键盘遮住的问题

    如下所示: ...你也可以使用body,这个你行百度一下就可以了 注意点是css /* 页面满屏 */ .pageFullScreen { height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; ove

Global site tag (gtag.js) - Google Analytics