0
<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 中进行叠加的最佳方法是什么?如果我单击按钮叠加,那么我想叠加(与花式框相同)所有 div#main,例如背景颜色:蓝色和透明度 0.5。

4

2 回答 2

2

用于position:absolute放置覆盖 div 并用于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();
});

演示

于 2013-06-05T12:47:08.180 回答
0

你试过什么..??试着把点击事件像

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

试试这个小提琴

于 2013-06-05T12:45:31.267 回答