覆盖显示在按钮上方答案

【问题标题】：Overlay appear above a button覆盖显示在按钮上方
【发布时间】：2015-05-12 02:16:00
【问题描述】：

我一直在互联网上寻找一个按钮的示例，当单击该按钮时，会在按钮的正上方显示叠加层。这意味着覆盖框底部将与按钮顶部对齐。只是想知道是否有人有这方面的例子？

【问题讨论】：

你能发布你的尝试吗？或者也许是一个 jsfiddle.net，你会得到一些类似的东西？
您必须尝试使用堆栈 sn-p 复制该问题，以便那些可能想要帮助的人更容易。
我不理解所需的行为...您是在寻找像 getbootstrap.com/javascript/#tooltips 这样的工具提示还是像 getbootstrap.com/javascript/#popovers 这样的弹出窗口
请在您的问题上多加努力。如果您“在互联网上搜寻”，我相信您会阅读有关工具提示的信息。您的问题有何不同？

【解决方案1】：

抱歉，我的问题如此笼统。以下是我为获得肯定结果所做的一些代码：

   <html>
    <head>
        <META HTTP-EQUIV="EXPIRES" CONTENT="-1" />
        <script type="text/javascript">
           function setVisibility(id) {
               if(document.getElementById('bt1').value=='Hide Layer'){
                  document.getElementById('bt1').value = 'Show Layer';
                  document.getElementById(id).style.display = 'none';
               }else{
                  document.getElementById('bt1').value = 'Hide Layer';
                  document.getElementById(id).style.display = 'inline';
               }
           }
        </script>
        <style type="text/css">

           #container {
                width:1px;
                height:1px;
                position: relative;
           }
           #nav,
           #data {
                display:block;  
                position:absolute;
                width:100%;
                bottom:100%; /* change to TOP and it will drop down */
                background: #fff;
           }

           #data{
                z-index: 10;
           }

    </style>
</head>
<body>
   <p>test text</p>
   <p>test text</p>
   <p>test text</p>
   <p>test text</p>
   <div id="container">
      <div id="nav"></div>
        <div id="data"  >
             blah<br>
             blah<br>
             blah<br>
             blah<br>
        </div>
   </div>
   <input type=button name=type id='bt1' value='Hide Layer'         
         onclick="setVisibility('data')";> 
   <script> setVisibility('data'); </script>
</body>
</html>

【讨论】：

这是一个答案（解决您的问题）还是您尝试过的？如果是后者，请将其包含在您的问题中，不要发布答案。