奇怪的布局问题

Question

网址：http://www.hkpete.com/test.html

jQuery的1.42
jQuery的工具1.2.3覆盖

IE7有这个问题太（上ietester测试）

我可以没有找到问题所在。

非常感谢。

<div id="dialog-content"> 
    <!--Login --> 
    <div id="login" class="panel" style="display:none"> 
    Login.................. 
    </div> 
    <!--Register --> 
    <div id="register" class="panel" style="display:none"> 
    Register.................. 
    </div> 
</div> 

<!--Links--> 
<a href="javascript:;" onclick="showDialog('#login','member');">Login</a> 
<a href="javascript:;" onclick="showDialog('#register','member');">Register</a> 

<script type="text/javascript"> 
var ol; 
var dialog=null; 
function showDialog(panel,action){ 
     var each=each ? each : 0; 
    function overlay(){ 
      if(panel){ 
       $("#dialog div.panel").hide(); 
       //show panel login,register,lostpw 
       $(panel).show(); 
      } 
      if(ol !== undefined && ol.isOpened()) { 

        $("#dialog").css("top", ($(window).height() - $("#dialog").height())/2+$(window).scrollTop() + "px"); 
        $("#dialog").css("left", ($(window).width() - $("#dialog").width())/2+$(window).scrollLeft() + "px"); 
      } 

      //Overlay load   
      ol=$("#dialog").overlay({top:'center', left:'center', closeOnClick:false, api:true }).load(); 

      $("#dialog .close").click(function(){ 
       ol.close(); 
      }); 
    } 


    overlay(); 
    //cur action 
    dialog=action; 

return false; 
} 
</script> 

Answer 1

我想我知道这个bug是什么：http://www.positioniseverything.net/explorer/ienondisappearcontentbugPIE/index.htm。

列出的解决方法是：

变通，有人可能会“释放 咒语”在许多方面：

1. 内容的显示属性暂时切换到 “块”和背到'没有'。
2. 暂时将内容的位置属性从 '相对'切换为'绝对'并返回，或者反过来也是 。
3. 暂时将内容的可见性属性切换为 '隐藏'并返回。 （但是，如果这只是 作品内容 定位绝对！精彩 世界IE的...）

去和更多的信息，看看那里。

Answer 2

谢谢，江毅。 bug演示http://www.justarrangingbits.org/demo/2/

//fix the bug 
if(panel){ 
      $("#dialog .panel").css({"display":"none","visibility":"hidden"}); 
      $(panel).css({"display":"block","visibility":"visible"}); 
}