Question

html5 css3 jquery js设置某个div显示时,其他不可编辑?（自定义弹出层）如何实现？

Answer 1

大致可以这样子做：

.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层内的东西了