求助layer.open 引用的页面如何居中
1个回答
展开全部
我昨天用这个插件的时候也有这个问题,弹出内容大了就居不了中。这是组件不完美的地方,他设置了top和left值,而且是固定的。这种弹出层都是绝对定位的 所以没办法用margin:auto 0神马的居中。解决方案主要两种:
1.修改在浏览器里面调试模式,调一下top和left看怎么合适,修改lay.css代码;
2.自己写个弹出层,其实超简单,弹出层原理就是搞一层遮罩(一个div,放在body下,高宽都100%,层级顺序设置高于其它层(除弹出内容层以外),加个滤镜效果让他半透明)和弹出内容层(层级顺序设置为最高)再加个关闭按钮。默认这三个容器隐藏(hide或display:none),点击时显示(show或display:block);
我是采用的第二种方式,实现简单自由,可以随便修改弹出框的样式和丰富的内容。比如:增加记录弹出表单之类。
1.修改在浏览器里面调试模式,调一下top和left看怎么合适,修改lay.css代码;
2.自己写个弹出层,其实超简单,弹出层原理就是搞一层遮罩(一个div,放在body下,高宽都100%,层级顺序设置高于其它层(除弹出内容层以外),加个滤镜效果让他半透明)和弹出内容层(层级顺序设置为最高)再加个关闭按钮。默认这三个容器隐藏(hide或display:none),点击时显示(show或display:block);
我是采用的第二种方式,实现简单自由,可以随便修改弹出框的样式和丰富的内容。比如:增加记录弹出表单之类。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询