javascript - 在某些 div 中显示 antd 模态掩码

通常，当您打开模态时，蒙版，即模态后面的黑色背景会跨越整个屏幕。如果我想在某个 div 中渲染黑色对话框，我该如何实现，如下图所示？（红色的 div 说）我正在使用 antd modal。

标签： javascriptreactjsantd

通常，模态框安装在文档的主体上。（这是<body\>标签。）但是，可以通过使用该getContainer属性来更改此行为。请参阅文档。

下一个问题是模态（和掩码——或“黑色背景”）的位置“固定”，这意味着它固定在浏览器窗口中。我们需要将其更改为“绝对”位置，以便它与我们要安装到的 div 相关。

请参阅工作示例：