JQuery在现有内容上方插入层

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

以下是我所拥有的：

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

}))

我想要的效果是，

…

直接出现在#bodytag之后

..

的z索引高于网站上的任何其他索引，因此它应该直接出现在内容上方的#bodytag之后

---

感谢您的帮助。

确保

#showme

有一个

位置

而不是

静态

在我看来，要获得所需的效果，您插入的div#showme需要是位置：相对，而#showme应该是位置：绝对。绝对定位将使元素脱离文档流，使其位于内容之上

另外，两个提示-$（）是$（文档）的快捷方式，您可以链接jQuery命令：

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

---

你是说它正在将已经在bodytag下面的内容进一步向下推？或者它出现在已经存在的内容后面？谢谢tags2k。解决方案正如你所描述的。将position:absolute添加到我插入的内容中，我做到了。另外，感谢您提供的快捷方式，我是jquery新手，因此非常感谢您的帮助。