layui透明弹框

效果：

layui.use('layer', function () {
                        var layer = layui.layer;
                        var str = '<div>';
                        str += '<div style="margin-left: 0%;margin-top: 3%;"><img src="<%templateskin%>/images/play-pause.png" style="38%;height:38%;cursor: pointer;" onclick="openSee();" /></div>';
                        str += '<div style="text-align:center;margin-top: 3%;margin-bottom: 3%;" class="container"  > <label class="content"> <table  cellpadding="10"><tr> <td> ' + "&nbsp;&nbsp;&nbsp;&nbsp;" + '</td> <td><span style="font-size: 20px;">观看中心正在演示是否进入？</span></td><td></td><td><a style="font-size: 18px;color:#0698d0;" href="javascript:;" onclick="cclose();">下次再说</a></td> <td> ' + "&nbsp;&nbsp;&nbsp;&nbsp;" + '</td> </tr>';
                        str += ' <tr> <td> ' + "&nbsp;&nbsp;&nbsp;&nbsp;" + '</td> <td> <span style="font-size: 19px;"> Enter visitor viewing center？</span></td><td> ' + "&nbsp;&nbsp;&nbsp;&nbsp;" + '</td><td><span><a style="font-size: 16px;color:#0698d0;" href="javascript:;" onclick="cclose();">Next time</a> </span></td> <td> ' + "&nbsp;&nbsp;&nbsp;&nbsp;" + '</td> </tr></table> </label> </div>';
                        str += '</div>';
/*
                        layer.confirm('观看中心正在演示是否进入？', {
                            btn: ['进入', '下次'] //按钮
                        }, function () {
                            layer.msg('正在进入观看中心', { icon: 1 });
                            openSee();
                        }, function () {

                         });
*/
                        index2 = layer.open({
                            type:1,  //页面层
                            shade:0,
                            title:false,
                            content:str,
                            area: ["500px", "347px"],
                            skin: 'layui-layer-nobg layer_bg', //没有背景色
                            closeBtn: 0,   //去除右上角的关闭按钮

                        });

                    });

background-color: rgba(185, 173, 173, 0.22);