css js实现部分区域高亮可编辑遮罩�

想大家都做过遮罩层这种常见的功能，css或jquery实现，实现方式多样化，这里http://我介绍我在项目中实现的方式，全屏遮罩，部分区域可操作，非常实用。效果如下图

射流研究…实现部分：复制代码代码如下：脚本类型=' text/JavaScript ' var myAlert=document。getelementbyid(' alert ')；var reg=文档。getelementbyid(' content ').getElementsByTagName(' a ')[0]；reg。onclick=function(){ myalert。风格。背景=' # e2ec F5米亚勒特。风格。zindex=' 501米亚勒特。风格。位置='绝对'；var符号跨度=文档。getelementbyid(' sign spanid ')；米亚勒特。风格。top=符号跨度。偏移顶部；米亚勒特。风格。left=符号跨度。offsetleftmybg=文档。创建元素(' div ')；mybg.setAttribute('id '，' mybg ')；mybg。风格。背景=' # 000 '；mybg。风格。宽度=' 100% '；mybg。风格。高度=' 100% '；mybg。风格。位置='绝对'；mybg。风格。top=' 0mybg。风格。left=' 0mybg。风格。zindex=' 500mybg.style。不透明度=' 0.3 ';mybg.style.filter='Alpha(不透明度=30)';文件。尸体。append child(mybg)；//文档。尸体。风格。溢出='隐藏'；}/脚本页面代码：复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=GB 2312 '/head body table border=' 1 ' align=' center ' width=' 700 px ' tr TD width=' 300 px ' height=' 200 px ' style=' font-size :28 px；font-weight : bold ' div id=' content ' a href=' # '启动遮罩层/a/div/TD TD style='垂直对齐-顶部： ' div id='分隔符号' style='绝对位置： '；/div div id=' alert ' align=' top ' H4跨度这是高亮显示区域/span /h4 p标签用户名/标签输入类型=' text '/p/p标签密码/标签输入类型='密码'/p/p输入类型='提交'值='注册/input type='reset' value='重置//p/div/TD/TD宽度='100px' div我是第三列/div /td /tr /table /body /html