透明遮布

透明遮布：
<style>
　　.show_tis6{width:100%;position:fixed;top:0;bottom:0;opacity: 0.5;display:flex;background:#000;display:none;}
　　.show_tis8{position:fixed;top:0;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;visibility:hidden;/*visible*/}
　　.show_tis9{background:#fff;width:28%;border-radius:5px;margin:auto;}
</style>
<!-- 遮布 -->
<div class="show_tis6" style="" id="show_tis6"></div>
<!-- 提示框 -->
<div class="show_tis8" style="" id="show_tis8">
　　<div class="show_tis9">

　　　　<div style="text-align:center;font-size:20px;font-weight:900;margin:20px;color:#333;">
　　　　　　<i class="layui-icon layui-icon-notice" style="font-size:30px;"></i>
　　　　　　图片大于过大,建议更换！
　　　　</div>
　　　　<div style="margin:20px 30px;font-size:16px;line-height:30px;">
　　　　　　图片越大，加载图片消耗时间越长，建议压缩图片后再上传！
　　　　</div>

　　　　<div class="jump">
　　　　　　<div class="yes">
　　　　　　　　<a href="javascript:;" onclick="del_upload()">清除图片</a>
　　　　　　</div>
　　　　　　<div class="no">
　　　　　　　　<a href="javascript:;" onclick="close_upload()" style="color:#333 !important;">&nbsp;不&nbsp;&nbsp;更&nbsp;&nbsp;换&nbsp;</a>
　　　　　　</div>
　　　　　　<div class="clear"></div>
　　　　</div>

　　</div>
</div>