最近在用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,成功了!
分享到:
相关推荐
这个IFrame可以解决IE6中的z-index问题,使元素能够正确地遮挡住`<select>`。使用bgiframe时,需要引入jQuery库和bgiframe插件,并调用相应的方法将插件应用到目标元素上。 2. 创建透明IFrame:不依赖jQuery的情况...
"解决IE6中 Div层挡不住Select组件"这个问题是一个典型的例子,它反映了IE6在CSS层叠样式和Z-index处理上的独特行为。 在现代浏览器中,我们可以利用CSS的`z-index`属性来控制元素的前后堆叠顺序,从而让某些元素...
在IE6浏览器中,由于其独特的布局模型,经常会出现Select元素覆盖Div元素的情况,这个问题让很多前端开发者头疼。本文将详细解析这个问题的原因,并提供多种有效的解决办法。 首先,我们需要了解问题的根本原因。在...
这样,即使在IE6这样的老版本浏览器中,你的select控件也能呈现出与现代浏览器一致的外观和行为。 需要注意的是,虽然IE6的市场份额已经非常小,但考虑到某些特定场景下的用户需求,如企业内部系统,仍有必要解决这...
本文将详细探讨一个特定的问题,即在Internet Explorer 6(IE6)环境下,使用JQuery EasyUI时,弹出窗口(对话框)无法正确遮挡页面上的select组件,以及如何解决这一问题。 JQuery EasyUI是一个基于jQuery的UI库,...
ie6弹出框被select遮住解决办法. 只要很简单的操作就可以实现,兼容IE6,IE7,IE8,FF |
在早期的Internet Explorer 6(简称IE6)浏览器中,存在一个众所周知的兼容性问题:`<select>`标签内的`<option>`元素无法正确地应用`disabled`属性。这个问题使得开发者无法在IE6中实现禁用某些选项的功能,这对于...
在网页设计中,"input触发弹出层,实现select效果"是一种常见的交互设计技术,它旨在提供一个更友好、更具可定制性的用户体验。通常,原生的HTML `select` 元素虽然功能齐全,但其样式和交互方式往往受到浏览器默认...
这个插件,可能是名为“bgiframe”的插件(从压缩包子文件的文件名推断),被设计用来解决IE6下select遮挡div的问题。bgiframe插件会在被遮挡的元素上创建一个背景iframe,通过这种方式,即使在select控件存在的情况...
jQuery.UI.Impromptu.js jQuery 弹出层 浮动层 提示框 并随页面滚动而滚动 实现弹出层不再难,只要引用jQuery.UI.Impromptu.js这个js文件后,想要弹出哪个tag都行了 如:我想要这里是弹出浮动遮罩层</div> 并随页面...
尤其是对于IE6,zDialog解决了弹出层被select控件穿透的问题,这在很多其他弹出层插件中是常见的问题。 ### 2. 简洁的依赖 zDialog的一大优点是其简洁的依赖。无需额外的CSS文件,只需引入`Dialog.js`脚本,就可以...
在网页设计和开发中,"弹出层"是一种常见的交互元素,它允许用户与网站进行更深入的互动,而无需离开当前页面。本案例聚焦于使用`div`元素实现弹出层的操作,这是一种轻量级且灵活的方法,适用于各种场景,如提示...
在网页设计中,浮动层(通常通过CSS的`position: absolute`或`position: fixed`实现)常用于创建弹出窗口、提示信息等,但当浮动层与页面中的`<select>`下拉框重叠时,IE6往往无法正常遮盖住下拉框,导致交互体验不...
6. **关闭弹出层**:用户完成选择后,需要提供关闭弹出层的机制,可以是一个“确定”按钮或者点击弹出层外部区域。使用`jQuery`的`.hide()`方法来隐藏弹出层。 ```javascript $("#popupLayer .closeBtn").click...
《关于Select2在IE8及更高版本中的兼容性与应用》 在Web开发过程中,兼容性问题始终是一个棘手的问题,尤其是对于那些老旧但仍然被广泛使用的浏览器,如Internet Explorer 8 (IE8)。Select2,作为一个强大的下拉框...
jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器
总的来说,动态过滤填充input框和用弹出层替换select框是前端开发中提升用户体验的有效手段。通过合理运用JavaScript、CSS以及合适的库,可以创造出更友好、更高效的用户界面,从而提高网站或应用的整体质量。
在IE6浏览器中,由于其自身的布局特性,当一个`div`元素试图覆盖一个`select`下拉框时,会遇到一些棘手的问题。这个问题主要体现在`select`元素总是会出现在`div`之上,无论`div`的`z-index`设置得多高。这在网页...
本文将深入探讨如何使用Jquery来模拟Select,以便更好地解决在IE中遇到的显示问题。 首先,让我们了解为什么要在IE中模拟Select。Internet Explorer,特别是早期版本,如IE6、7和8,存在一些与CSS兼容性和渲染问题...