先上具体实现方法.
首先, 在 CSS 里给 layer 弹出层写个自定义 skin (这点不明白的同学请出门左转 layui 官网文档):
- .myskin{
- background-color: transparent;/* 背景透明 */
- box-shadow: 0 0 0 rgba(0,0,0,0);/* 前景无阴影 */
- }
然后,
在准备弹出 layer 的时候:
- layerIndex = layer.open({/* 用于手动关闭弹出层 */
- type: 1,
- title: false,
- closeBtn: 0,
- shadeClose: true,
- area: ['auto', '520'],
- skin: 'myskin',/* 注意这里用到了我们前面给 layer 写的自定义 skin*/
- content: html,/* 自定义 html 内容, 注意这里的整个 html 内容背景肯定是透明的 */
- success: function(layero, index){
- },
- end: function(){
- }
- });
这就 OK 了.
再说说上面实现方案的适用场景, 一图以蔽之:
需求. png
完.
来源: http://www.jianshu.com/p/c7386bc17489