html - IE7 中的文本区域在鼠标悬停时消失

Question

我有这种大数据输入类型的页面，一种使用 div 的表格布局。每行都有可以打开/关闭的子行。使用 css 可见性设置触发切换。表格的每个“单元格”的一 Angular 都有一个小图像，您单击该图像，然后会打开一个弹出窗口，您可以在其中添加注释。

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

在 IE7 中，一旦您弹出打开此笔记 iframe 并向下滚动页面，将鼠标悬停在弹出窗口的文本区域上会使它消失并显示其下方的页面内容。当您将鼠标悬停在上面时，复选框还会显示下面的页面。

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

Answer 1

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

在调试一些最愚蠢的 IE 6/7 显示问题时，我有时会转储一个临时的

* {
    zoom: 1;
}

到我的 CSS，看看是否有任何变化。如果是这样，我开始有选择地将它添加到以元素、元素的父/子元素等开头的元素中。

zoom 仅 IE 支持，因此在您的文档中使用它是非常“安全”的。它还使您不必做任何疯狂的事情，例如绝对定位元素等。