html遮罩层-如何给div添加遮罩层（前端开发）-jquery、mui、css、js相关

1.效果图：之前添加描边图层，黄色字体显示提醒，然后去掉遮罩层

html 页面中的元素

这是您的目标 div，有自己的子元素和样式

说明：页面要引用jquery等

发不了代码就尴尬了（随便看看，或者去csdn看我的博文）

函数 showhideoptdiv(divid, optid, isshow)

{//设置一个遮罩层临时元素

var opthtml=“

目前的手动模式很难点动

”;

控制台.log(opthtml);

//$('#led').append(opthtml);

$(document.body).append(opthtml);

//console.log(optid);

如果（显示）

{//展示

//先获取目标的l,t,w,h

//console.log($(divid).offset());

var sleft=$(divid).offset().left+"px";

var stop=$(divid).offset().top-5+"px";

var width=$(divid).width()+"px";

var height=$(divid).height()+5+"px";

//console.log(宽度);

//console.log(高度);

//将目标的四个坐标元素赋予遮罩层

$('#'+optid).css("左",sleft);

$('#'+optid).css("顶部",停止);

//$("#mydiv").height(10); 等价于 $("#mydiv").css("height","10px");{ height: "10px", background: "blue" }

$('#'+optid).css("宽度",swidth);

$('#'+optid).css("高度",高度);

$('#'+optid).css({'display':'block'});

console.log('遮罩层显示');//opacitybox

}其他{//删除

$('#'+optid).css({'display':'none'});

$('#'+optid).remove();

----------------------调用方法------------------------js调用- --引用jquery--------------

//调用脚本方法

//第一个参数：添加遮罩层的div（带#）

//第二个参数：遮罩层的div（不带#）

//第三个参数：false消除描边层，true减少遮罩层

showhideoptdiv('#opgroup','opacitybox',false);

或者

showhideoptdiv('#opgroup','opacitybox',true);

-------------------------------------------------- --------

如果可以的话，体验一下我测试的远程开关灯体验连接：

我正在用，别乱来！ 基本24小时开放（我一般都是白天使用调试）

您可以忽略它html遮罩层，温度和湿度将手动刷新（大约15秒）。 如果点击没有反应，请停一会儿html遮罩层，有反应时再体验一下。