Reactjs 在IE中模式渲染不正确

模式的文本被正确渲染，但是当您滚动它是透明的时，背景仅在屏幕大小范围内渲染

我注意到，只有在某些操作发生时，例如在该模式上单击按钮，或者甚至在打开开发人员工具时，才会渲染背景

不过，这在其他浏览器中也能正常工作

下面是模态容器的css

position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
overflow: auto;
background-color: rgba(0,0,0,.7);
cursor: pointer;
z-index: 1000;
display: flex;
flex-direction: column;
align-items: center;

还有模态本身

background-color: ${colors.white};
display: inline-block;
margin-top: 50px;
text-align: left;
cursor: initial;

---

你知道IE的渲染是什么样的吗？

我找到了一个解决方法。 在这个模式中，我实际上呈现了另一个div（在不同的页面中有不同的文本和动作组成），它继承了这个css：

background-color: ${colors.white};
display: inline-block;
margin-top: 50px;
text-align: left;
cursor: initial;

---

但很明显，当你向下滚动并加载新内容时，样式并不适用。再次添加

背景色后：${colors.white}到模式中呈现的div，一切看起来都很好。
我们无法了解仅使用CSS代码的问题的原因。我建议您尝试提供一个示例，我们可以尝试在IE浏览器中运行，以重现此问题。让我们知道，您用于此测试的IE浏览器的哪个版本？这有助于缩小问题范围。感谢您发布此问题的解决方案。我建议你试着在48小时后标记你自己对这个问题的答案。它可以在未来帮助其他社区成员解决类似的问题。感谢您的理解。@Deepak MSFT感谢您的建议，帮助其他社区成员是stackoverflow的核心！：）