2011-05-17 53 views
0

所以我要鏈接到顯示隱藏的div,即應用了此下面的CSS:的jQuery DIV的定位

.ind-infoNode { 
    display:none; 
    background:url(/_images/employer-toggle-bg.png) 0 0 no-repeat; 
    height:250px; 
    width:645px; 
    padding:20px 35px 30px 20px; 
    position:absolute; 
    margin:0; 
} 

當顯示DIV它基本上顯示了正確的屏幕,中間鏈接所在的頁面上,也就是在Firefox和Chrome。不過

在IE中,它顯示在頁面的最下方,下的所有網頁上的內容..

我能做些什麼來解決這個問題?

這裏使用JS:

$(document).ready(function() { 
    $("a[id^=ind-info-lnk]").live("click", function() { 
     var num = this.id.split(/-(?:lnk)?/).pop(); 
     $('#ind-info-'+num).show(); 
     return false; 
    }); 

    $(function() { 
     $(document).keypress(function(e) { 
      if (e.which == 27) { 
       $('.ind-infoNode').hide(); 
      } 
     }); 
     $('a.close').click(function() { 
      $('.ind-infoNode').hide(); 
      return false; 
     }); 
    }); 
}); 
+0

你正在運行什麼jQuery版本? – SickHippie 2011-05-17 21:09:42

+0

哪個版本的IE和你有測試頁面?舉一個簡單的例子,我在IE8和Chrome中看不到很多差異。 – 2011-05-17 21:13:30

回答

0

如果您使用position: absolute您必須確保父元素也具有position的css屬性,無論它具有哪個值。可能是這個解決了你在IE中的問題。

0

會不會是因爲你把它定位絕對,topleftbottom,和/或right需要在你的CSS定義?

0

您是否嘗試將div移動到body元素的頂部?