本文主要是介绍使用jQuery实现，点击显示弹框，背景虚化，点击空白处，弹框消失，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
1、HTML的代码
<div class="layer" id="back" style="display: none; position:absolute; width:100%; height: 100%; top: 0; left: 0; z-index: 2; background: rgba(255, 255, 255, .6);" disabled="disabled"></div> <!-- 虚化层 --><div class="container"><div id="showRename" style="display:none; width:30%; position:absolute; top: 300px; left: 380px;box-shadow: 0 0 5px #ccc;z-index: 9;"> <!-- 要显示的 --><div class="input-group" ><input type="text" id="oldname" class="form-control" /><span class="input-group-addon" οnclick="getValue()">重命名</span></div><input type="hidden" id="newname" class="form-control">这篇关于使用jQuery实现，点击显示弹框，背景虚化，点击空白处，弹框消失的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
