怎样在原html中加入弹窗,HTML中div弹窗的做法

最近做的网页中有需要用到弹窗的知识，之前不会做，查了资料然后自己研究一下就做出来了，这里跟大家分享一下：

很多时候我们会注意到，当点击网页中某个按钮时，会弹出一个对话框，里面有我们需要自定义的样式和内容。

下面是主要代码框架：

。。。。。。。。。。。。。。

。。。。。

$(".btn").click(function(){

$(".mask").show();

$(".bomb_box").show();

})

需要注意是css样式：弹框的z-index>蒙版的z-index>body内其他元素的z-index

/*蒙版*/

.mask{

display:none;

width:100%;

position:absolute;

background:#fff;

z-index:10;

top:0;

left:0;

height:100%;

opacity:0.4;

}

/*弹框*/

.bomb_box {

display:none;

background:#fff;

position:absolute;

top:320px;

left:500px;

z-index:20;

}

转载时请注明出处及相应链接，本文永久地址：https://blog.yayuanzi.com/12196.html

微信打赏

支付宝打赏

感谢您对作者figer的打赏，我们会更加努力！    如果您想成为作者，请点我