如何使用jQuery制作div全屏和所有其他元素的顶部？

Question

<div style="background-color:grey">
</div>

有一个简单的方法吗？

Answer 1

定义样式overlay或类似的东西:

<style>
  .overlay {  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
  }
</style>

然后你可以使用jQuery添加这样的新类:

$('#myDiv').addClass('overlay');

如果您想添加点击事件,您可以执行以下操作:

$('a').click(function(){
  $('#myDiv').addClass('overlay');
}

或者,您可以添加display:none到.overlay类,以便它在页面加载时隐藏,然后让您的jQuery click函数显示如下:

$('a').click(function(){
  $('.overlay').show('slow');
}

Answer 2

这样做时，您想禁用用户/输入吗？

检查这个： http: //malsup.com/jquery/block/

阻止元素：http://malsup.com/jquery/block/#element

阻止整个页面：http://malsup.com/jquery/block/#page

参考值