最好的辦法做到覆蓋

Question

<div id="main"> 
    <div>TITLE</div> 
    <div>BODY</div> 
    <div>COMMENT</div> 
    <div><textarea></textarea></div> 
</div> 
<button>overlay</button> 

#main { 
    width: 200px; 
    height: 200px; 
    background-color: yellow; 
} 

直播：http://jsfiddle.net/9DLyE/1/

如何做到覆蓋jQuery的最佳方法是什麼？如果我點擊按鈕覆蓋，那麼我想覆蓋（與fancybox相同）所有div＃main，例如背景顏色：藍色和透明度0.5。

Answer 1

使用position:absolute放置覆蓋股利和使用jquery toggle表現出來。

CSS

#main { 
    width: 200px; 
    height: 200px; 
    background-color: yellow; 
    position:relative 
} 
#overlay{ 
    background:rgba(0, 84, 214, 0.5); 
    height:100%; width:100%; 
    position:absolute; 
    top:0; left:0; 
    display:none 
} 

jQuery的

$('button').click(function(){ 
    $('#overlay').toggle(); 
}); 

DEMO

Answer 2

你已經嘗試什麼??儘量把點擊喜歡

$('button').on('click',function(){ 
    //Do your stuff 
}); 

事件試試這個FIDDLE