...css3 jquery js设置某个div显示时,其他不可编辑?(自定义弹出层)如何...

发布网友发布时间：2022-05-12 04:54

共1个回答

热心网友时间：2022-04-25 21:28

大致可以这样子做：

.Dialog{position: absolute;top:0;left:0;background: #fff;border:1px solid #ddd;
    -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
    box-shadow: 0 0 5px 5px rgba(100, 100, 100, 0.1);
    padding:0 10px;
    z-index: 99;
}/*弹出层*/
/*弹出层遮罩*/
.Dialog-make{width:100%;height:100%;filter:alpha(opacity=5);opacity:.05;position:absolute;top:0;left:0;z-index:98;background:#000}
.Dialog-make iframe{width:100%;height:100%;filter:alpha(opacity=0);opacity:0;border:0px;}

当.Dialog层显示时，.Dialog-make层也显示，Dialog-make的z-index少于Dialog的z-index.那么就在Dialog下行成遮罩层，当前也只能操作Dialog层内的东西了