`
songjindian
  • 浏览: 75596 次
  • 性别: Icon_minigender_1
  • 来自: 河南
文章分类
社区版块
存档分类
最新评论

IE6中select穿过弹出层的彻底解决

 
阅读更多

最近在用easyui做一个后天的管理系统,页面用到了datagrid,所以肯定用到了他的分页栏,在分页栏的最左面是一个pagelist,这是一个select。但是在IE6中这个东西总是能穿过弹出层,(因为select的优先级高)让我纠结了很长时间,最后想了一个用层去遮盖的方法解决了。具体做法:

 .T_iframe   
{   
    position: absolute;/*绝对定位保证iframe不会占用流布局空间*/   
    width: 100%;    /*100%保证可以覆盖整个div*/   
    height: 100%;   
    z-index:-1; /*-1保证iframe显示在div下方*/   

 

<div >  
     
<span>这里是你这个弹出层的div里面需要放置的东西</span>  
     
<iframe class="T_iframe"></iframe>  
</div> 

这样,在div里面添加的div就保证了始终在弹出层的div下面显示,并且遮挡住了select,成功了!

分享到:
评论

相关推荐

    解决IE6 中select 穿透 div 等层的问题

    这个IFrame可以解决IE6中的z-index问题,使元素能够正确地遮挡住`&lt;select&gt;`。使用bgiframe时,需要引入jQuery库和bgiframe插件,并调用相应的方法将插件应用到目标元素上。 2. 创建透明IFrame:不依赖jQuery的情况...

    解决IE6中 Div层挡不住Select组件

    "解决IE6中 Div层挡不住Select组件"这个问题是一个典型的例子,它反映了IE6在CSS层叠样式和Z-index处理上的独特行为。 在现代浏览器中,我们可以利用CSS的`z-index`属性来控制元素的前后堆叠顺序,从而让某些元素...

    ie6下select覆盖div的解决办法

    在IE6浏览器中,由于其独特的布局模型,经常会出现Select元素覆盖Div元素的情况,这个问题让很多前端开发者头疼。本文将详细解析这个问题的原因,并提供多种有效的解决办法。 首先,我们需要了解问题的根本原因。在...

    完美解决IE6下select控件样式

    这样,即使在IE6这样的老版本浏览器中,你的select控件也能呈现出与现代浏览器一致的外观和行为。 需要注意的是,虽然IE6的市场份额已经非常小,但考虑到某些特定场景下的用户需求,如企业内部系统,仍有必要解决这...

    IE6下 Jquery EasyUI 弹出窗口层无法挡住select 组件 解决方案

    本文将详细探讨一个特定的问题,即在Internet Explorer 6(IE6)环境下,使用JQuery EasyUI时,弹出窗口(对话框)无法正确遮挡页面上的select组件,以及如何解决这一问题。 JQuery EasyUI是一个基于jQuery的UI库,...

    ie6弹出框被select遮住解决办法

    ie6弹出框被select遮住解决办法. 只要很简单的操作就可以实现,兼容IE6,IE7,IE8,FF |

    IE6中select标签的option不能disabled的解决方案

    在早期的Internet Explorer 6(简称IE6)浏览器中,存在一个众所周知的兼容性问题:`&lt;select&gt;`标签内的`&lt;option&gt;`元素无法正确地应用`disabled`属性。这个问题使得开发者无法在IE6中实现禁用某些选项的功能,这对于...

    input触发弹出层,实现select 效果

    在网页设计中,"input触发弹出层,实现select效果"是一种常见的交互设计技术,它旨在提供一个更友好、更具可定制性的用户体验。通常,原生的HTML `select` 元素虽然功能齐全,但其样式和交互方式往往受到浏览器默认...

    ie6下select遮挡div

    这个插件,可能是名为“bgiframe”的插件(从压缩包子文件的文件名推断),被设计用来解决IE6下select遮挡div的问题。bgiframe插件会在被遮挡的元素上创建一个背景iframe,通过这种方式,即使在select控件存在的情况...

    jQuery 弹出层 浮动遮罩层 提示框 并随页面滚动而滚动

    jQuery.UI.Impromptu.js jQuery 弹出层 浮动层 提示框 并随页面滚动而滚动 实现弹出层不再难,只要引用jQuery.UI.Impromptu.js这个js文件后,想要弹出哪个tag都行了 如:我想要这里是弹出浮动遮罩层&lt;/div&gt; 并随页面...

    zDialog是一个很实用的jquery弹出层

    尤其是对于IE6,zDialog解决了弹出层被select控件穿透的问题,这在很多其他弹出层插件中是常见的问题。 ### 2. 简洁的依赖 zDialog的一大优点是其简洁的依赖。无需额外的CSS文件,只需引入`Dialog.js`脚本,就可以...

    弹出层案例(针对层div的操作)

    在网页设计和开发中,"弹出层"是一种常见的交互元素,它允许用户与网站进行更深入的互动,而无需离开当前页面。本案例聚焦于使用`div`元素实现弹出层的操作,这是一种轻量级且灵活的方法,适用于各种场景,如提示...

    在IE6中浮动层遮盖不住select的方法

    在网页设计中,浮动层(通常通过CSS的`position: absolute`或`position: fixed`实现)常用于创建弹出窗口、提示信息等,但当浮动层与页面中的`&lt;select&gt;`下拉框重叠时,IE6往往无法正常遮盖住下拉框,导致交互体验不...

    jQuery手机端点击弹出层选取时间代码

    6. **关闭弹出层**:用户完成选择后,需要提供关闭弹出层的机制,可以是一个“确定”按钮或者点击弹出层外部区域。使用`jQuery`的`.hide()`方法来隐藏弹出层。 ```javascript $("#popupLayer .closeBtn").click...

    select2兼容ie8版本的js css zh-cn.js

    《关于Select2在IE8及更高版本中的兼容性与应用》 在Web开发过程中,兼容性问题始终是一个棘手的问题,尤其是对于那些老旧但仍然被广泛使用的浏览器,如Internet Explorer 8 (IE8)。Select2,作为一个强大的下拉框...

    jquery select日历选择器点击select框弹出日期选择器

    jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器

    动态过滤填充input框和用弹出层替换select框

    总的来说,动态过滤填充input框和用弹出层替换select框是前端开发中提升用户体验的有效手段。通过合理运用JavaScript、CSS以及合适的库,可以创造出更友好、更高效的用户界面,从而提高网站或应用的整体质量。

    ie6下DIV覆盖select框js解决代码

    在IE6浏览器中,由于其自身的布局特性,当一个`div`元素试图覆盖一个`select`下拉框时,会遇到一些棘手的问题。这个问题主要体现在`select`元素总是会出现在`div`之上,无论`div`的`z-index`设置得多高。这在网页...

    基于Jquery模拟Select,解决IE显示问题

    本文将深入探讨如何使用Jquery来模拟Select,以便更好地解决在IE中遇到的显示问题。 首先,让我们了解为什么要在IE中模拟Select。Internet Explorer,特别是早期版本,如IE6、7和8,存在一些与CSS兼容性和渲染问题...

Global site tag (gtag.js) - Google Analytics