2010-09-11 257 views
2

alt text奇怪的佈局問題

網址: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> 
+2

Explorer 6是否做了正確的事情? 你應該分享一些關於你要做什麼的來源,也許我們可以幫助 – gkaykck 2010-09-11 04:03:56

+0

哈哈哈我愛IE6! – DMin 2010-09-11 06:08:02

+0

IE6是一個令人難以置信的瀏覽器 – BRAVO 2010-09-11 07:42:01

回答

1

我想我知道這個bug是什麼:http://www.positioniseverything.net/explorer/ienondisappearcontentbugPIE/index.htm

列出的解決方法是:

變通,有人可能會「釋放 咒語」在許多方面:

  1. 內容的顯示屬性暫時切換到 「塊」和背到'沒有'。
  2. 暫時將內容的位置屬性從 '相對'切換爲'絕對'並返回,或者反過來也是 。
  3. 暫時將內容的可見性屬性切換爲 '隱藏'並返回。 (但是,如果這只是 作品內容 定位絕對!精彩 世界IE的...)

去和更多的信息,看看那裏。

0

謝謝,江毅。 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"}); 
}