html - 单击时将 div 放在按钮上

Question

单击按钮后，我想在按钮上放置一个 div，如下图所示:

http://i.imgur.com/pdrqnmj.png

关于如何做到这一点有什么想法吗？

Answer 1

将按钮和 div 面板放在父 div 中。将弹出式 div 设置为绝对和隐藏。

.parent-div{
   position:relative;
}

.popup-div{
   position:absolute;top:0px;left:0px;
   z-index:10;
   display:none;
}

在 btn 点击时显示 popup-div。

$(".btn").on("click", function(){
   $(".popup-div").show();
});