我怎么可以创建覆盖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来适应屏幕

回答

相关问题