当前位置:  开发笔记 > 前端 > 正文

IE7中的Textarea在鼠标上消失

如何解决《IE7中的Textarea在鼠标上消失》经验,为你挑选了2个好方法。

我有这个大数据输入类页面,一种使用div的表格布局.每行都有可以切换打开/关闭的子行.使用css可见性设置触发切换.表格的每个"单元格"在其角落都有一个小图像,您单击图像,然后会打开一个弹出窗口,允许您在条目上添加注释.

这个弹出窗口有一个文本区域和一组复选框,以及一个按钮(输入类型=提交,我认为).弹出窗口是嵌套在隐藏div中的iframe.

在IE7中,一旦你弹出这个注释iframe并向下滚动页面,将鼠标悬停在弹出窗口的textarea上会使它消失并显示它下面的页面内容.鼠标悬停时,复选框也会显示以下页面.

所以,我尝试了一些不同的修复方法.Z-index是我希望可以用来解决这个问题的方法.没有这样的运气.我可能会尝试使用普通输入类型=文本替换文本区域,但由于复选框也出现此错误,我怀疑单行文本输入也会导致错误.



1> 小智..:

触发的最简单方法hasLayout(在另一篇文章中提到)是添加zoom: 1.

在调试一些最愚蠢的IE 6/7显示问题时,我有时会抛出一个临时的

* {
    zoom: 1;
}

到我的CSS,看看是否有任何变化.如果是的话,我开始有选择地将它添加到以元素开头的元素,元素的父/子等.

zoom仅受IE支持,因此在您的文档中非常"安全".它还可以让您免于必须做任何疯狂的事情,如绝对定位元素等.



2> Gene..:

除了阻止元素的z-index适用于具有IE调用hasLayout的什么的所有元素阅读更多

推荐阅读
拾味湖
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有