怎样实现弹出窗口后,后面变成灰色不可操作 现在很多这种效果,我也想做一个,比如说点了注册,弹出一个小窗口,后面的窗口变成灰色并且不可操作,只能操作这个小窗口内容,点了提交后小窗口消失,主窗口又可以操作了,给个文章或者源代码也行 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 你这个,还是自学一番为好,因为给你代码你还要修改就是用到一下<input disabled的切换。 <style> .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%;height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=30); } .white_content { display: none; position: absolute; top: 25%; left: 25%; width: 50%;height: 50%; padding: 16px; border: 16px solid orange; background-color: white; z-index:1002; overflow: auto; } </style>HTML代码<p>click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a></p> <div id="light" class="white_content">模式窗口内容<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a><h3>www.865171.cn</h3></div> <div id="fade" class="black_overlay"></div> 就是遮罩层的使用。点击,原先隐藏的注册div就浮动显示,并且它的z-index要高于其他的div层.设置它的透明度和背景色就可以了。也可以用jquery ui dialog 来实现 请教:failed to open stream: Permission denied in Unknown on line 0 php 中unlink和@unlink? PHP 5.4.6 和 5.3.16 发布 文本输入框 怎样讲javascript产生的值传到PHP中? 求救,asp转php 这段代码怎么改 这种正则表达式怎么写?求高手解答! 日期循环 高手请进.... 高分求助高手翻译一PHP文件上传代码 tableTreeView显示的内容能在画面中直接修改么 如何取得上传文件真正创建时间,最后一次保存日期?
<input disabled的切换。
.black_overlay{ display: none; position: absolute; top: 0%;
left: 0%; width: 100%;height: 100%; background-color: black;
z-index:1001; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=30);
}
.white_content { display: none; position: absolute; top: 25%;
left: 25%; width: 50%;height: 50%; padding: 16px;
border: 16px solid orange; background-color: white; z-index:1002;
overflow: auto;
}
</style>HTML代码
<p>click <a href = "javascript:void(0)"
onclick = "document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block'">here</a></p>
<div id="light" class="white_content">模式窗口内容
<a href = "javascript:void(0)"
onclick = "document.getElementById('light').style.display='none';
document.getElementById('fade').style.display='none'">Close</a>
<h3>www.865171.cn</h3>
</div>
<div id="fade" class="black_overlay">
</div>