Question

在IE8中需要帮助。

我的代码中有很多div，属性为"display:none" style

<div>
     <div id=div1 style="display:none">
        ....some lines of code....
     </div>
     <div id=div2 style="display:none">
        ....some lines of code....
     </div>
     <div id=div3 style="display:none">
        ....some lines of code....
     </div>
     <div id=div4 style="display:none">
        ....some lines of code....
     </div>
</div> //outer div

在jquery代码中，div基于条件使用show和hide动态显示。

一个div的高度（例如）div1 = 100px 其中div的高度（例如）div4 = 1000px

问题是，当页面加载最低高度的div1时，显示100px，当使用show function显示其他div时。它们与页脚重叠。

如果外部div的高度设置为最大div高度ie。 1000px，然后当显示其他div时，页面不必要很长。

即使外部divs max-height设置为1000px，它也不会动态变化并发生重叠。

调整窗口大小会动态更改高度。但是当其他选项卡打开时，窗口的大小调整不起作用。窗口大小的微小变化也不足以摆脱重叠。

尝试更改显示：none到可见性：隐藏但是页面对于最小高度div来说是不必要的长。

这只发生在IE8中，不知道其版本下面的浏览器。在IE9，chrome和mozilla中完美运行。

Answer 1

Atlast我找到了答案，

而不是调整窗口大小，在显示/隐藏

之后添加代码

//Javascript
document.body.className = document.body.className;

//Jquery
$('body')[0].className = $('body')[0].className;

工作正常

感谢。

显示：IE8中没有关于dom解析的错误

1 个答案: