我有这个大数据输入类页面,一种使用div的表格布局.每行都有可以切换打开/关闭的子行.使用css可见性设置触发切换.表格的每个"单元格"在其角落都有一个小图像,您单击图像,然后会打开一个弹出窗口,允许您在条目上添加注释.
这个弹出窗口有一个文本区域和一组复选框,以及一个按钮(输入类型=提交,我认为).弹出窗口是嵌套在隐藏div中的iframe.
在IE7中,一旦你弹出这个注释iframe并向下滚动页面,将鼠标悬停在弹出窗口的textarea上会使它消失并显示它下面的页面内容.鼠标悬停时,复选框也会显示以下页面.
所以,我尝试了一些不同的修复方法.Z-index是我希望可以用来解决这个问题的方法.没有这样的运气.我可能会尝试使用普通输入类型=文本替换文本区域,但由于复选框也出现此错误,我怀疑单行文本输入也会导致错误.
触发的最简单方法hasLayout
(在另一篇文章中提到)是添加zoom: 1
.
在调试一些最愚蠢的IE 6/7显示问题时,我有时会抛出一个临时的
* {
zoom: 1;
}
到我的CSS,看看是否有任何变化.如果是的话,我开始有选择地将它添加到以元素开头的元素,元素的父/子等.
zoom
仅受IE支持,因此在您的文档中非常"安全".它还可以让您免于必须做任何疯狂的事情,如绝对定位元素等.
除了阻止元素的z-index适用于具有IE调用hasLayout的什么的所有元素阅读更多