Question

我知道这是一个愚蠢的问题，但我不知道从哪里开始这个。我有一个从用户获取详细信息的表单。我希望当我点击按钮时div显示在中心，背景禁用并使用jquery，javascript，hover模糊

Answer 1

我相信你正在寻找模态（Popover）。

<a data-target="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<div class="modal fade hide" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-remote="/mmfansler/aQ3Ge/show/">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

如果你不想使用 ~~Bootstrap~~ 这是[{3}}

Answer 2

试试这个..设计两个div ..

<强>标记：

<div class="DivPopup"> 
    //Add controls as you wish
 </div>
<div class="DivCover" ></div>

<强> CSS：

.DivAlert
{
    z-index:22;
    //You can add css styles as you wish
}
.DivCover
{
    opacity:0.4;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:21;
    background-color:White;
    position:absolute;
}

<强>使用Javascript：

 $(".DivCover").show();
 $(".DivAlert").show();

不要把这作为你问题的最终答案。只是一个指导。

单击按钮打开表单并禁用背景

2 个答案: