最好的办法做到覆盖

2013-06-05 25 views 0 likes

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

来源

2013-06-05 Lars Mandsert

回答

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

来源

2013-06-05 12:47:08 Sowmya

'position：fixed'比较好。 –

@Kolink其实没有。固定位置始终指向浏览器而不是父元素 – Sowmya

OP要求“与fancybox相同”，表示他们要覆盖整个浏览器视口。 –

你已经尝试什么??尽量把点击喜欢

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

事件试试这个FIDDLE

来源

2013-06-05 12:45:31 Gautam3164

这种改变背景颜色，但我会保持原有的背景，并添加此叠加用z-index上最大。 –

最好的办法做到覆盖

回答

相关问题