<div class="dongjie" style="width: 100%height: 100%background-color: rgba(0,0,0,0.6)z-index: 11111position: fixedleft: 0top:0">
<div class="jiedon_box" style="width: 92%background: #eeeeeeheight: 4.8remposition: fixedleft: 4%top:36%z-index: 1111">
<input style="width: 80%height: 0.66remdisplay: blockmargin: automargin-top: 1rempadding-left: 0.2rem" type="password" placeholder="请输入交易密码" name="">
<div style="margin-top:0.6remmargin-left:10%overflow: hidden">
<button style="width: 2remheight: 0.66remfloat: leftbackground: #0093DDcolor: #ffffff">确定</button>
<button style="width: 2remheight: 0.66remfloat:rightmargin-right:11% ">取消</button>
</div>
</div>
</div>
简单的说下技巧，这个得用点js实现，就是js点击触发事件后，给div1加上一个覆盖全页面的遮罩层，（意思就是把div1遮挡住）把div1的z-index设置为最小，这个遮罩层的z-index比div1大点，然后div2的层z-index最大，这样就只能操作div2，div1会被那个遮罩层挡住，无法操作。拓展下：有时候会让div1网页的整体透明灰掉，那么你可以给那个遮罩背景设置为黑色，加上个50%的透明，就OK了，不想那种效果，就直接100%透明就行了
