点击button在浏览器窗体的中间出现一个DIV窗体

1.点击button
2.在浏览器窗体的中间出现一个div的窗体，窗体顶部右边有一个关闭按钮
3.这个DIV窗体以外变透明、无法点击，除非关闭它

这个怎么做的，请给点思路～

你说的是遮罩层加一个弹窗吗。先实现遮罩层，然后再写一个窗口。点击x就是关闭。利用css属性关闭就行。遮罩层一搜就有

模态框
https://www.runoob.com/bootstrap4/bootstrap4-modal.html

现在一般UI框架上就有的，你是要自己实现吗
·先写一个宽高是100%的div设置透明度
·再在刚刚的div上画一个你要的小div窗体，加上个X，上面两个标签写完后设置样式display: none;
·按钮执行onclick事件的时候，把上面两步的div样式display改为block（注意设置两个div的z-index值，指定 哪个在上哪个在下）
·点击X的时候再把display改回none
·over

用js 更改 弹窗 ID.style.display = "block";
其他窗口 ID.style.display = "none";

弹窗div 里写个按钮
button onclick="close()"

js
function close(){
弹窗 ID.style.display = "none";
其他窗口 ID.style.display = "block";
}

之类的。。。