Question

如何使用黑色背景创建叠加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 ui modal这些东西，但现在我的一些脚本在我使用它时停止工作，而且目前我的网站上还不需要加50kb +，已加载app 6秒。有什么建议吗？

Answer 1

您是否在GZip 之前考虑了blockUI for this? 8k ，这就是它所做的一切，不应该给其他脚本带来任何麻烦。对我来说，主要的好处是可以处理IE6下拉菜单流失，所有小麻烦等等。

你的案子是：

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

如何创建叠加div以适应屏幕的其余部分

1 个答案: