曾被问到这个问题,不知所措,后来在网上找到了.大神文章:http://www.cnblogs.com/aspx-net/archive/2011/03/11/1981071.html
我想实现的效果没有上面那么多,仅仅出现一个灰蒙蒙的div层就可以了,所以做了一些改动.
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>DIV CSS遮罩层</title> 5 <script language="javascript" type="text/javascript"> 6 function showdiv() { 7 document.getElementById("bg").style.display = "block"; 8 } 9 function hidediv() { 10 document.getElementById("bg").style.display = 'none'; 11 } 12 </script> 13 <style type="text/css"> 14 #bg{ display: none; 15 position: absolute; 16 top: 10%; 17 left: 10%; 18 width: 80%; 19 height: 80%; 20 background-color: grey; 21 z-index:1; 22 -moz-opacity: 0.7; /*不知道有啥用*/ 23 opacity:0.70; /*不知道有啥用*/ 24 filter: alpha(opacity=10); /*这个是真正起作用的*/ 25 } 26 </style> 27 </head> 28 <body> 29 <input id="btnshow" type="button" value="Show" onclick="showdiv();"/><br/><br/> 30 <input id="btnclose" type="button" value="Close" onclick="hidediv();"/> 31 <div id="bg"></div> 32 </body> 33 </html>
锲而不舍，水滴石穿
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报