如何使用 jQuery 使 div 全屏并位于所有其他元素之上？

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

有简单的方法吗？

定义样式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 类，以便它在页面加载时隐藏，然后让你的 jQueryclick函数显示如下：

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