-2

我想通过使用 CSS 在按钮的单击事件上在屏幕上传播任何颜色的透明层来使屏幕不可点击。请帮助解决这个问题。

4

2 回答 2

3

使用 jQuery 和 CSS，您可以定义一个类 .spread ：

.spread {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0.5;
    z-index: 200;
}

当您单击按钮时：

$('body').append("<div class='spread'></div>");

这会将 div 添加到正文中，并且 div 会将自身定位在左上角。您可能还需要输入：

body {
    margin: 0;
}

示例：http: //jsfiddle.net/jcolicchio/TuP2A/

于 2012-11-27T07:20:52.830 回答
0

应该超级简单

HTML

<body>
   some code here
   <div class=overlay><div>
</body>

CSS

.overlay {
   position: fixed;
   z-index:100;
   top:0;right:0;bottom:0;left:0;
   background: rgba(0,0,0,.0);
}
于 2012-11-27T07:29:21.147 回答