在层结点前方加入一个iframe结点<iframe class="zindexDiv" frameborder="0">;
样式:.zindexDiv {
position: absolute;
z-index: -1;
width: expression(this.nextSibling.offsetWidth);
height:
expression(this.nextSibling.offsetHeight);
top:
expression(this.nextSibling.offsetTop);
left:
expression(this.nextSibling.offsetLeft);
}样式的作用在于使得iframe正好完全覆盖下一结点,注意z-index属性过高的话可能会覆盖弹出层,导致一片空白
ExtJS中的写法:
其中subs为要弹出的层被ext封装后的对象集合,属于Class Ext.CompositeElementLite
if(Ext.isBorderBox || Ext.isIE6) {
subs.each(function(item) {
Ext.DomHelper.insertBefore(item,'<iframe class="zindexDiv" frameborder="0"></iframe>');
});
}
- 大小: 914 Bytes
分享到:
相关推荐
但是,IE6并不完全支持`z-index`,导致在某些情况下,即使设置了较高的`z-index`,弹出层仍然会被其他元素遮挡。这在使用多个重叠的弹出层时尤为明显。 为了解决这个问题,我们可以利用jQuery动态调整元素的`z-...
通过以上步骤,我们可以成功地使用`<iframe>`作为遮罩层,解决IE6下`<select>`无法被`<div>`遮盖的问题。值得注意的是,虽然这个方法在IE6中有效,但它并不适用于其他现代浏览器,因为这些浏览器已经修复了这个问题...
总的来说,IE6下的`div`层被`select`控件遮住的问题可以通过在`div`内添加一个负`z-index`的`iframe`来解决。虽然如今IE6的使用率已经非常低,但了解这个历史遗留问题以及它的解决方案对于理解浏览器兼容性和前端...
解决方法:JQueryUI的做法是在IE6下当触发弹出层时,将想覆盖住的select隐藏 在IE7及以下 虽然disabled 对 select能起作用,但对select下的option却无效。 解决方法通常是判断浏览器,如果是IE7以下的话,则当...
这一属性对于实现如弹出菜单、模态框等UI设计尤为关键。在非IE7浏览器中,z-index的使用是相对直观和可靠的,但在IE7及更早版本中,由于引擎的限制或bug,出现了上述提到的覆盖问题。 在传统的CSS中,position:...
标题提及的"百度Popup.js弹出框进化版"是一个经过改进的JavaScript库,主要用于创建具有拖拽功能的弹出窗口,同时解决了在不同浏览器(包括IE6、7、8,Firefox,Chrome)上的兼容性问题,特别是针对遮罩层全屏显示的...
- 弹出层中的弹出层关闭,父窗口失去焦点问题。 - 代码中grunt部分代码拆分开,放到程序外面;提交到git、osc - 桌面:删除alert enter快捷键删除 - install 检测 加入跳过,(只判断用到的函数) 加入多语言 - ...
纠正留言和评论提交成功后会弹出验证码的BUG 7.纠正会员注册计算是否允许再次注册时出现页面错误BUG 8.纠正其他几个小细节 2012年04月17日 1.后台评论管理和留言管理内容加入强制换行,防止有时会撑爆页面 2....
-修正CheckBox控件的CheckedChanged事件会被触发两次的BUG(Data PostBack->AutoPostBack, Event PostBack->EnablePostBack)。 -为TextBox,TextArea,DatePicker,NumberBox,TriggerBox等控件增加AutoPostBack属性...
-修正CheckBox控件的CheckedChanged事件会被触发两次的BUG(Data PostBack->AutoPostBack, Event PostBack->EnablePostBack)。 -为TextBox,TextArea,DatePicker,NumberBox,TriggerBox等控件增加AutoPostBack属性...
* IE6 双边距 bug:块属性标签添加了浮动 float 之后,若在浮动方向上也有 margin 值,则 margin 值会加倍。 * 上下 margin 重合问题,相邻的两个 div margin-left margin-right 不会重合,但相邻的 margin-top ...
18. 解决IE6双倍边距BUG:通过添加`display:inline`样式可以修复这个问题。 19. CSS代码等效性:给出的代码等同于`.box { margin:5px 10px; }`,因为它合并了重复的margin值。 20. 解决浏览器样式差异:为消除IE和...