`
othella
  • 浏览: 83196 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

IE7,IE8下弹出层上的编辑框会让底层的link透出来的问题

阅读更多
在层和后面页面中间阻隔一层iframe

如果是model方式的层弹出框,只需在后面拦截一层全局的iframe

<div style="height:100%;width:100%;opacity:0.5;position:absolute;top:0;left:0;z-index:2;">
  <iframe style="width:100%;height:100%;overflow:hidden;" src="javascript:false"></iframe>
</div>


此层加在弹出框和页面中间,可以阻隔后面页面的link透到上层来。

可以让iframe引到一个空白页面,设置其body背景颜色,就可以设置阻隔层的颜色了。

分享到:
评论

相关推荐

    js弹出层效果

    此案例展示了如何创建一个兼容IE6、IE8、Firefox(FF)和Chrome等浏览器的JavaScript弹出层。 ### 一、弹出层概述 在网页设计中,弹出层是一种常见的交互方式,用于展示额外的信息或功能。它通过JavaScript动态...

    ie6与ie7 8区别

    - **IE6、IE7、IE8的识别方式**:为了实现不同版本IE浏览器下的样式兼容性,开发者通常会采用CSS Hack技术来针对特定版本的IE编写样式规则。例如,使用`_`前缀可以让IE6识别,而不会被其他版本的IE或非IE浏览器识别...

    Layui弹出层 加载 做编辑页面的方法

    利用layui弹出层做编辑页面 先上效果图 基本准备,引入layui的layui.css,layui.js文件 &lt;link rel="stylesheet" href="../../../Publics/others/layui/css/layui.css" rel="external nofollow" media="all"&gt; ...

    jquery 弹出层插件

    1. **显示与隐藏**:插件允许开发者轻松地在页面上显示或隐藏弹出层。这通常通过调用特定的jQuery方法如`.show()`和`.hide()`来实现。 2. **定位**:弹出层可以被设置为相对于页面、某个元素或用户鼠标位置进行定位...

    MITSUBISHI三菱CC-Link IE现场网络Basic参考手册.pdf

    使用之前应熟读本手册,在充分理解CC-Link IE现场网络Basic的基础上正确地使用本产品。 3. CC-Link IE现场网络Basic的特点 CC-Link IE现场网络Basic是一种高性能、低成本、实时性的现场总线网络协议,具有高可靠性...

    jQuery zoom图片弹出层插件简单的图片相册弹出层窗口

    jQuery zoom图片弹出层插件简单的图片相册弹出层窗口展示代码 引入相关js和css文件 &lt;link rel="stylesheet" href="css/zoom.css" media="all" /&gt; [removed][removed] [removed][removed] html 格式 ...

    CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法

    在探讨CSS样式兼容IE6、IE7、IE8与火狐浏览器的方法时,我们需深入理解不同浏览器对CSS的支持差异,以及如何通过特定的技术手段确保网页在这些浏览器中的一致性和美观性。以下是对这一主题的详细解析: ### 1. 了解...

    div错位解决IE6IE7IE8样式不兼容问题

    ### div错位解决IE6/IE7/IE8样式不兼容问题 在Web开发中,兼容性一直是开发者面临的重要挑战之一。特别是在早期浏览器版本中,如Internet Explorer 6(IE6)、IE7 和 IE8,由于这些浏览器对于CSS的支持存在较大差异...

    解决ie8按钮和文字变小问题。

    ### 解决IE8按钮和文字变小问题 在网页开发过程中,不同的浏览器对CSS样式的解析存在差异,尤其是在处理字体大小、布局等方面。Internet Explorer 8(简称IE8)作为一款较老版本的浏览器,其对CSS的支持并不完善,...

    Jquery实现iframe弹出层,简单实用

    本主题将深入探讨如何使用jQuery实现一个简单的、实用的iframe弹出层。通过这个教程,您将了解到如何创建一个能够加载外部网页或内容到弹出窗口中的功能。 首先,确保在您的项目中引入了jQuery库。您可以从jQuery...

    IE7,IE8兼容H5标签

    4. 检查效果:在IE7和IE8环境下运行网页,确保H5元素被正确渲染且功能正常。 通过以上步骤,我们可以使IE7和IE8浏览器具备基本的H5标签支持。尽管这些方法不能提供所有H5特性的完整支持,但足以解决大部分布局和...

    解决IE6、IE7、IE8样式不兼容问题

    本文将深入探讨如何解决IE6、IE7、IE8下的样式兼容性问题,包括但不限于CSS hack技术、布局调整策略以及脚本修复方案。 #### 二、CSS Hack技术 **1. Conditional Comments与X-UA-Compatible** 为了区分不同的IE...

    新一代开放式工业网络CC-Link IE TSN给工业互联网带来的技术性变革 第三讲:CC-Link IE TSN带来哪些改变.pdf

    最后,CC-Link IE TSN能够帮助企业在数据透明的基础上实现协同制造。智能制造时代,企业的生产制造不再是一个孤立的过程,而是需要与供应链、物流、市场等多方进行紧密协作。通过CC-Link IE TSN,企业可以实现实时...

    ie6 ie7 ff浏览器兼容

    ### 浏览器兼容性问题解析:针对IE6、IE7与Firefox的样式处理 在Web开发中,浏览器兼容性始终是一项重要的考虑因素。不同浏览器对CSS的支持程度不一,尤其是对于早期版本的Internet Explorer(IE)如IE6、IE7,以及...

    MITSUBISHI三菱CC-Link IE TSN远程I_O模块用户手册(CC-Link IE现场网络通信模式篇).pdf

    CC-Link IE TSN远程I/O模块用户手册 CC-Link IE TSN远程I/O模块用户手册是MITSUBISHI三菱公司推出的用户手册,旨在指导用户正确地使用CC-Link IE TSN远程I/O模块。该手册涵盖了模块的安装、配置、操作和维护等方面...

    兼容所有浏览器的弹出层登录

    为了使弹出层在页面上正确显示,我们可以使用CSS定位技术,例如绝对定位或者固定定位,来让它在屏幕中央出现。同时,为了实现弹出和隐藏的效果,我们可以利用CSS的display属性或opacity透明度变化。 接着,CSS3的...

    javascript+html弹出层实例

    它具有自定义样式、动画效果、导航工具和响应式设计等特点,使得弹出层在各种设备上都能呈现出良好的视觉体验。 要实现这样的弹出层效果,首先需要在 HTML 文件中添加触发弹出层的元素,比如一个链接或者按钮,并...

    三菱CC link IE选型

    综上所述,三菱CC Link IE是工业4.0和智能制造背景下的一种关键网络技术,它通过高效、智能的网络连接,推动生产现场的数字化转型,为企业带来了更高的生产力和经济效益。在选择CC Link IE时,需要根据实际生产需求...

    处理ie6下png格式透明效果

    处理完IE6下的PNG透明问题后,可能会遇到一些新的挑战,例如性能影响、图片质量下降或是与其它CSS样式的冲突。因此,在应用解决方案时,应进行充分的测试,确保在保持视觉效果的同时,不影响网站的整体性能和用户...

Global site tag (gtag.js) - Google Analytics