Question

我有一个元素设置为在页面加载时不显示。从选择列表中选择一个数字时，该元素将显示为jQuery。这在除IE7之外的所有浏览器中都能正常工作。

在IE7中，如果禁用JavaScript，一切都会正确布局。但是，如果打开了js（然后是通过选择列表显示的元素），则图例将显示在错误的位置。如果使用开发人员工具我更改了字段集的宽度并将其更改回原始值，则它会正确显示。

所以它似乎是IE7中隐藏元素的某种渲染问题。如果我添加这个CSS它会混淆我的网站，但它解决了这个特殊问题。

* {
position: relative !important;
}

Answer 1

添加一个用css隐藏的类而不是添加display none作为内联样式来修复此问题。