我怎麼可以創建覆蓋div來適應屏幕

如何建立覆蓋格：黑色背景可以說，我有觸發格彈出一個錨，這裏剩下的就是主播：我怎麼可以創建覆蓋div來適應屏幕

<a href="#" title="Open online form" id="open">Suggest</a>

這裏是中心div的CSS：

.centered 
{ 
    width:55%; 
    position:fixed; 
    left:18%; 
    height:200px; 
    border:2px solid red; 
    display:none; 
} 

$("#open").live('click', function(){ 
      var divTop = 75 + $(window).scrollTop(); // places the popup 75px from the top  
     $('.centered').css({'top':divTop, 'display':'block', 'z-index':'5005'}); 
      });

我用jQuery用戶界面模式對於這些事情，但現在我的一些腳本停止工作，當我使用它，並且加50KB +是我不需要在我的網站目前，已經爲應用加載6秒。有什麼建議麼？

來源

2010-02-21 Gandalf StormCrow

如果您希望繼續使用jQuery UI可以使用只是必要的文件，像ui.core.js，我敢肯定不會讓你高達50+ KB。 – chelmertz 2010-02-21 13:21:50

在不相關的說明中，如果您的站點已經處於6秒的加載時間，那麼與jquery相比，您的設置有更大的問題。看看YSlow測試（谷歌它）找出你可以改善的地方。我猜gzip和組合圖像將有助於開始。另一個需要注意的是你網站的模式;例如，在'調試'模式下的.NET MVC網站的功能比生產模式下的功能慢一個數量級（debug ='false'，compilation = release） – Paul 2010-02-21 13:52:04

@Paul謝謝你保羅我會google的..你是什麼意思是「gzip」？ – 2010-02-21 14:06:28

你有沒有考慮過blockUI for this? 8k 之前GZip，這是它的一切，不應該給你任何其他腳本的麻煩。對我來說，主要的好處是它需要照顧的像IE6下拉菜單事情經過，所有的小煩惱出血等

你的情況是：

$.blockUI({ message: $('.centered') }); //show 
$.unblockUI(); //hide

來源

2010-02-21 13:11:23

我怎麼可以創建覆蓋div來適應屏幕

回答

相關問題