原生JS+CSS（CSS3）+HTML实现页面弹框

最新推荐文章于 2024-07-20 11:11:18 发布

deemb

最新推荐文章于 2024-07-20 11:11:18 发布

阅读量1.4w

点赞数 11

分类专栏：前端 javaScript 弹框文章标签： css html css3

本文链接：https://blog.csdn.net/licheng11403080324/article/details/52435076

版权

—–看了很多网上弹框的实现，有的只是讲了一点，有的又太复杂了，所以自己动手下了一个，几分钟的事情；就是调试样式比较慢而已；之前用过一些js或者css框架中的弹框，感觉很复杂；也看过源代码；是想机制大同小异；

以下是截图：
这里写图片描述

这里写图片描述

以下是代码：

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset=""/>
 <title>opacity</title>
 <style>
 *{
     padding: 0;
     margin: 0;
}
body{
    padding: 0px;
    background: url() 0 0 no-repeat;
    background-size: cover;
}

.demo{
    width: 100%;
    height: