顯示：在IE8中沒有關於dom解析的錯誤

有很多的div在我的代碼與財產"display:none"風格

<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動態顯示使用顯示和隱藏基於條件。

一個格的高度（例如）DIV1 = 100像素其中作爲另一種格的高度（例如）DIV4 = 1000像素

問題是，當頁面加載具有最低高度100像素顯示在DIV1和當其他div使用show功能顯示時。它們與頁腳重疊。

如果外部div的高度設置爲最大divs高度即。 1000px，那麼當其他div顯示時，頁面不必要的很長。

即使將外部divs max-height設置爲1000px，它也不會動態更改併發生重疊。

調整窗口大小會動態改變高度。但其他選項卡打開時，窗口的大小調整不起作用。窗口大小的最小改變也不足以擺脫重疊。

嘗試更改顯示：無可見性：隱藏，但頁面對於最小高度div不需要太長。

這隻發生在IE8中，不知道其版本下面的瀏覽器。在IE9，Chrome和Mozilla中完美工作。

來源

2013-01-24 Theopaul Kakkassery

你能提供一個jsfiddle或pastebin示例嗎？ –

你提供了標記，但是在這裏獲得實際幫助時，css和代碼會有很長的路要走。 –

Atlast我發現這個答案，

而不是調整窗口大小，添加該代碼後顯示/隱藏

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

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

工作正常

感謝。

來源

2013-06-27 14:11:48

顯示：在IE8中沒有關於dom解析的錯誤

回答

相關問題