[jquery]弹框,遮罩层

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/xixi880928/article/details/78833113

之前使用semantic的modal作为遮罩层。出现了一些关乎源代码的bug。
所以自己必须要写一个自己的弹框以达到目的:
这里写图片描述

需要满足:
1.兼容原系统
2.点击弹框背景变灰,背景功能不可点击(形成一个遮罩层)
3.点击弹框头部进行拖动
5.弹框内部自定义

实现方案:
参照Jquery-ui.用draggble即可。
弹框弹出时:

  .遮罩层{
      z-index: 1001;//放置在其他元素的最上层即可实现遮罩功能
      background-color: #ccc;
      bottom: 0;
      top: 0;
      right: 0;
      overflow: auto;
      position: fixed;
      width: 100%;

    }
展开阅读全文

没有更多推荐了,返回首页