jquery - jQuery在现有内容上方插入一层

单击链接/按钮时，我试图在网站上现有内容上方显示一个新图层。我正在使用jquery-但我的代码似乎无法按预期工作。

这是我所拥有的：

 $(document).ready(function(){
  $("#button").click(function () {
  $("#showme").insertAfter("#bodytag")
  $("#showme").fadeIn(2000);
});

}）;

我追求的效果是让<div id="showme">...</div>直接出现在#bodytag之后。 <div id="showme">...</div>的z-index值高于网站上的所有其他值，因此它应仅出现在#bodytag之后的内容上方。

感谢您的协助。

最佳答案

在我看来，要获得理想的效果，将#showme插入到div中的位置必须为position：relative，而#showme应该为position：absolute。绝对定位会将元素从文档流中移出，使其位于内容上方。

另外，有两个技巧-$（）是$（document）的快捷方式，您可以链接jQuery命令：

$().ready(function(){
  $("#button").click(function () {
    $("#showme").insertAfter("#bodytag").fadeIn(2000);
  });
});