打開一個窗體上點擊一個按鈕，並解除背景

Question

我知道這是一個愚蠢的問題，但我不知道從哪裏開始發展。 我有一個從用戶那裏獲取詳細信息的表單。我想當我點擊一個按鈕div出現在中心和背景禁用和模糊使用jquery，JavaScript，懸停

Answer 1

我相信你正在尋找模態（Popover）。

這是Example它。使用Bootstrap

<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> 

如果你不想使用 引導 下面是Another Example

Answer 2

嘗試this..Design兩個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：

​​

不要把這個作爲最終的答案，你question.Just指導。