2013-08-31 62 views
1

大家好,我是一个网页编程noob。 任何人都可以帮助我创建一个DIV覆盖,当执行应该自动禁用点击网页的其他部分(就像当我们点击发送消息在脸书上,我们不能点击其他部分).....我希望我问题是清楚的...感谢锁定背景,同时覆盖DIV

+1

添加你已经尝试什么,什么样的代码你正在使用会提高你的问题的一些细节。 (另外,这听起来像是你正在谈论一个模态叠加,如果这有助于你搜索)。 – Shadwell

回答

5

你可以简单地用一个div

CSS

#overlay { 
    position:fixed; 
    width:100%; 
    height:100%; 
    left:0; 
    top:0; 
    z-index:100000; 
} 

HTML

做到这一点
<div id="overlay"></div> 

只显示和隐藏div以启用和禁用页面上的内容。您也可以将absolute定位在其他relative区域的div上,以仅禁用某些区域。

例子:http://jsfiddle.net/dX3qb/

+1

我会补充一点,切换按钮应该位于覆盖层('z-index:100001;')的上方。我记得当时是一个noob,并且不能切换覆盖层:D –